Como converter PNG para SVG
Você pode converter um PNG em SVG por traçado automático: o navegador lê as cores e bordas da imagem e as reconstrói como caminhos vetoriais. O processamento acontece localmente, no seu dispositivo. O resultado é uma interpretação do PNG, não a recuperação de um arquivo vetorial original.
Publicado em ; atualizado em .
Prepare o PNG antes de começar
Escolha uma imagem com contornos nítidos, bom contraste e tamanho suficiente para enxergar as formas. Ícones, pictogramas, selos e desenhos com poucas cores costumam gerar caminhos mais fáceis de editar. Se houver uma borda desfocada, ruído ou compressão visível, vale limpar o arquivo em um editor de imagem antes da conversão.
- Recorte margens vazias que não fazem parte do desenho.
- Prefira o PNG original a uma captura de tela ampliada.
- Confira se a transparência e as cores estão como você espera.
- Não aumente artificialmente uma miniatura: isso amplia os pixels, mas não cria bordas novas.
Converta seu arquivo
A seleção e o encaminhamento do arquivo são feitos pelo navegador. Revise a prévia antes de seguir, especialmente quando o fundo deveria ser transparente.
Passo a passo
- Escolha uma imagem. Use o campo acima para selecionar o PNG e confirme se a prévia corresponde ao arquivo certo.
- Inicie a conversão. O traçador agrupa tons próximos, encontra os limites das áreas de cor e descreve esses limites como linhas e curvas do SVG.
- Inspecione o desenho. Observe os contornos, os pequenos espaços internos e a quantidade de cores. Compare a aparência em fundo claro e escuro se o PNG tiver transparência.
- Baixe o SVG. Abra o arquivo em um navegador ou editor vetorial e teste a ampliação antes de incorporá-lo ao seu projeto.
Um ícone simples e uma foto não se comportam igual
Imagine um ícone de localização azul sobre fundo transparente. Ele tem duas áreas bem definidas e curvas regulares; o traçado tende a produzir poucos caminhos, que continuam fáceis de selecionar e recolorir.
Já uma fotografia de uma rua contém milhares de variações de luz, textura, cabelo, folhas e sombras. Para representá-las, o conversor precisa reduzir tons ou criar muitas formas pequenas. O SVG pode ficar pesado e ainda parecer mais ilustrado que a foto. Nesse caso, manter o PNG costuma ser mais apropriado, a menos que a intenção seja justamente criar um efeito gráfico simplificado.
Como corrigir problemas comuns
- O contorno ficou serrilhado
- Comece com uma fonte maior e limpa. Remover ruído ao redor da borda costuma ajudar mais do que ampliar a imagem depois.
- Partes pequenas desapareceram
- A simplificação pode descartar regiões muito curtas. Aumente o contraste dessas partes ou faça um ajuste manual no editor vetorial.
- O arquivo ficou complexo demais
- Reduza a variedade de cores e elimine texturas sem função. Para imagens simples, uma paleta menor costuma produzir menos camadas e nós.
- Surgiu uma caixa no fundo
- Verifique se o PNG realmente possui transparência. Um fundo branco incorporado aos pixels será interpretado como mais uma forma.
Perguntas frequentes
Converter muda o conteúdo da imagem?
Sim. O SVG é construído por aproximação das áreas visuais do PNG. Texturas, degradês e detalhes muito pequenos podem ser agrupados ou redesenhados.
O SVG pode ser ampliado?
Os caminhos gerados podem ser renderizados em tamanhos diferentes sem exibir a grade de pixels do PNG. Porém, qualquer imperfeição capturada no traçado também continuará presente.
Preciso instalar um programa?
Não para fazer a conversão no site. Um editor vetorial é opcional e pode ser útil para remover nós, corrigir curvas ou trocar cores depois.