Por que converter PNG para SVG?
O SVG escala para qualquer tamanho sem pixelização, tornando-o a escolha certa para logotipos, ícones e gráficos usados em diferentes tamanhos de tela ou na impressão. Os navegadores da web renderizam .SVG nativamente, e ferramentas de design como Figma e Illustrator trabalham com ele diretamente. Converter um logotipo PNG para SVG permite redimensioná-lo livremente sem perda de qualidade.
Como converter PNG para SVG
Inkscape - Rastrear Bitmap OPEN-SOURCE
Abra seu PNG no Inkscape, selecione-o e vá em Caminho → Rastrear Bitmap; escolha Corte de luminosidade para logotipos ou Cores para gráficos planos multicoloridos.
Adobe Illustrator - Traçado da Imagem PAID
Coloque seu PNG no Illustrator, clique em Traçado da Imagem na barra de ferramentas e, em seguida, clique em Expandir para converter o resultado em caminhos vetoriais editáveis.
Linha de comando - autotrace CLI
Execute autotrace --output-format=svg input.png -o output.svg para vetorizar um PNG a partir do terminal.
Programas que convertem PNG
Sobre estes formatos
Um PNG (Portable Network Graphics) é um formato de imagem raster sem perdas (lossless). Todos os sistemas operacionais, navegadores e aplicativos de imagem modernos abrem PNGs nativamente -…
Abrir detalhes de .PNG →Um arquivo SVG é uma imagem Scalable Vector Graphics - um padrão aberto da W3C que armazena gráficos 2D como texto XML, para que ele seja redimensionado para qualquer tamanho sem perder a…
Abrir detalhes de .SVG →Qualidade e o que observar
- Isso é vetorização, não conversão: a saída SVG é uma aproximação algorítmica do PNG original, não uma cópia perfeita em pixels.
- Logotipos planos, ícones e arte de linha simples são rastreados de forma limpa; fotografias ou imagens com gradientes e sombras suaves produzem resultados inutilizáveis.
- Um PNG de origem com resolução mais alta fornece ao rastreador mais dados de pixels para trabalhar e geralmente produz caminhos mais limpos.
Perguntas frequentes
O SVG ficará exatamente igual ao meu PNG?
Posso converter uma foto PNG para SVG?
Por que meu SVG rastreado é maior que o PNG original?
Posso incorporar um PNG dentro de um SVG sem rastrear?
PNG em um elemento <image> dentro de um contêiner SVG, mas a imagem ainda contém dados raster e não escalará sem pixelização.