Converter PNG para SVG

Vetorize um PNG em um SVG escalável no seu navegador. Serve para logotipos e ícones chapados com poucas cores, não para fotografias.

Solte seus arquivos aqui

.png · até 20 MB

Escolher arquivos

Número de cores8

Mais configurações

SuavizaçãoIgnorar formas menores que8Espessura do contorno0Manter a transparênciaEscala de saída

Como Vetorizar em SVG

1
Solte seu PNG
Até 20 arquivos, com 20 MB cada e 4 megapixels por imagem. Arquivos JPEG, WebP e BMP com nome .png são convertidos sem nenhum aviso.
2
Escolha o número de cores
Menos cores dão um resultado mais limpo e leve. Duas cores bastam para uma marca preta sobre fundo branco; oito servem para a maioria dos ícones chapados.
3
Baixe o SVG
O cartão do resultado mostra quantas cores e contornos saíram, para você ver logo se as configurações estavam certas.

O que a vetorização faz de verdade

Vetorizar não é uma conversão, é uma aproximação. Primeiro a imagem é quantizada em uma paleta limitada; depois, o limite de cada região de uma só cor é percorrido e transformado em uma sequência de segmentos retos e curvas de Bézier. Isso funciona bem quando o original é de fato feito de áreas chapadas: um logotipo, um estêncil, um ícone de aplicativo, a captura de tela de um gráfico. Funciona mal quando o original tem tons contínuos: uma fotografia não tem regiões chapadas para encontrar, então o vetorizador inventa milhares de regiões minúsculas, as bordas ficam arredondadas, gradientes suaves se quebram em faixas visíveis, e o SVG acaba ao mesmo tempo maior e menos nítido que o PNG. A ferramenta processa a foto mesmo assim e avisa no cartão do resultado, mas é melhor dizer isso nesta página do que surpreender você depois.

Os quatro controles e para que serve cada um

O número de cores é o controle principal: ele define o tamanho da paleta em que tudo é quantizado e pesa mais que qualquer outro ajuste, tanto no tamanho do arquivo quanto na limpeza dos contornos. A suavização define o quanto as curvas precisam acompanhar de perto o limite traçado: baixa mantém os cantos vivos à custa de muito mais nós; alta gera curvas suaves que podem engolir detalhes pequenos. Ignorar formas pequenas descarta qualquer contorno mais curto que o número de pixels indicado, e é a opção certa para artefatos de JPEG e ruído de scanner. A espessura do contorno é zero por padrão, ou seja, as formas são preenchidas sem traço visível; aumente o valor se quiser que cada região também seja desenhada com um contorno da mesma cor.

Transparência e um resultado que dá para conferir

Com a opção “Manter transparência” ativada, os pixels com alfa abaixo da metade viram uma entrada transparente separada na paleta e não são desenhados, então um logotipo com fundo transparente sai com fundo transparente. Desative a opção e um retângulo na cor opaca mais comum é colocado primeiro, com as formas vetorizadas por cima, o que ajuda quando o destino não aceita transparência de jeito nenhum. Nos dois casos, o resultado é um XML simples e legível: dá para abrir em qualquer editor, ver os caminhos (paths) e trocar a cor de um preenchimento à mão.

O arquivo fica no seu dispositivo

A decodificação e a vetorização rodam dentro da aba do navegador. O decodificador de PNG é WebAssembly, o vetorizador é JavaScript, e nenhum dos dois se comunica com a rede. Nada é enviado, nada entra em fila em um servidor, e fechar a aba apaga tudo da memória.

Perguntas frequentes

Por que o SVG não fica idêntico ao meu PNG?

Porque a vetorização reconstrói a imagem com curvas, em vez de copiar pixels. As cores são reduzidas a uma paleta limitada, e cada limite é aproximado por uma curva que passa perto da borda original, não exatamente sobre ela. Em artes chapadas, a diferença é invisível no tamanho normal; em conteúdo detalhado ou fotográfico, ela é evidente.

Quantas cores devo escolher para um logotipo?

Conte as cores chapadas do logotipo e use esse número. Uma marca de uma cor sobre fundo branco fica melhor com 2; uma marca típica de dois tons, com 3 ou 4. Subir mais não acrescenta fidelidade a uma arte chapada: só divide os pixels suavizados das bordas em formas intermediárias extras e incha o arquivo.

Por que o resultado fica tão pesado com uma foto?

Uma foto não tem regiões chapadas, então o vetorizador produz um contorno para cada pedacinho de cor parecida, muitas vezes dezenas de milhares deles. Se os contornos somarem mais de 50.000 nós, o resultado é recusado em vez de entregue, porque seria mais lento de abrir que o original e pior de ver. Baixe o número de cores para 4 e aumente “ignorar formas pequenas” se quiser tentar mesmo assim.

O que faz a opção “ignorar formas pequenas”?

Ela descarta qualquer contorno vetorizado mais curto que esse número de pixels. Sem ela, pontinhos da compressão JPEG, granulação de scanner ou um fundo com um pouco de ruído viram contornos, e cada um acrescenta peso sem acrescentar nada visível. O padrão de 8 remove a maior parte do ruído e mantém pequenos detalhes intencionais, como o pingo do i.

Posso colocar um contorno em volta das formas?

Sim. Aumente a espessura do contorno acima de zero e cada região vetorizada é desenhada com um traço na mesma cor do seu preenchimento. Em 0, as formas são apenas preenchidas, que é o que normalmente se quer em um logotipo, já que um contorno da mesma cor só deixa cada forma um pouco mais gorda.

A transparência é mantida?

Sim, quando a opção “Manter transparência” está ativada. Os pixels com alfa abaixo da metade ganham uma entrada própria na paleta e não são desenhados, então o fundo continua transparente em vez de virar um retângulo branco. Desative a opção para ter, em vez disso, um retângulo de fundo sólido na cor mais comum da imagem.

Quantos arquivos posso vetorizar de uma vez?

Até 20 arquivos, com 20 MB e 4 megapixels cada. O limite de megapixels é menor que o das nossas outras ferramentas de PNG de propósito: o tempo de vetorização cresce mais rápido que o número de pixels, e uma imagem maior travaria a aba em vez de terminar.