Softonic

Vetorizador de PNG para SVG

Etapa 1 / 4 PNG para SVG

Vetorizar um PNG significa rastrear seus pixels e transformá-los em caminhos que você pode escalar, recolorir e editar. Esta ferramenta executa os algoritmos Potrace e ImageTracer no navegador para converter logotipos, ícones e desenhos lineares de cores chapadas em SVG limpos. PNGs fotográficos e gradientes suaves não vetorizam bem; use em imagens com bordas nítidas e poucas cores.

Como a vetorização funciona

  1. 1

    Solte um PNG

    Os melhores resultados vêm de uma fonte nítida: pelo menos 512 px no lado mais longo, com preenchimentos planos.

  2. 2

    Escolha um modo

    Monocromático, com rastreamento Potrace de uma cor, ou multicolorido, com paleta posterizada e um caminho por cor.

  3. 3

    Ajuste limiar e suavização

    O limiar define o que conta como preto; a suavização arredonda os degraus serrilhados dos pixels.

  4. 4

    Pré-visualize e baixe

    Compare o raster e a versão vetorial lado a lado. Quando estiver satisfeito, baixe o SVG.

O que vetoriza bem

Fonte Resultado esperado
Logotipo preto sobre branco SVG limpo de caminho único, muito fiel ao pixel
Ícone plano com 2–4 cores Bom SVG com múltiplos caminhos e bordas nítidas
Esboço a tinta feito à mão Usável com suavização entre 3 e 5
Fotografia Ruim, milhões de cores viram manchas ruidosas
Captura de tela com anti-aliasing Aceitável após o limiar, mas perde detalhe subpixel

Configurações importantes

  • Limiar (modo monocromático). O corte entre o que fica preenchido e o que vira transparente. O padrão é 128; diminua para capturar traços finos, aumente para descartar fundos granulados.
  • Quantidade de cores (modo multicolorido). O número de etapas da paleta. 4–8 basta para a maioria dos logotipos. Acima de 16, a saída costuma ficar ruidosa e mais lenta nos visualizadores SVG.
  • Suavização / limiar de cantos. Suavização alta arredonda cantos; é útil para formas orgânicas, mas prejudica bordas nítidas de ícones.
  • Simplificação de caminhos. Reduz a contagem de nós. Uma simplificação agressiva diminui o arquivo, mas pode deformar traços finos.

Depois de exportar

Abra o SVG no Illustrator, Inkscape ou Figma e verifique a densidade dos nós. Caminhos limpos manualmente quase sempre ficam menores e mais suaves que os traçados automáticos. Para logotipos destinados à impressão, considere redesenhar à mão usando o traçado vetorial como referência.

Perguntas frequentes

O rastreamento vetorial transforma regiões de cor em caminhos. Fotografias têm milhões de gradientes; o rastreamento gera um mosaico ruidoso de manchas. Para fotos, formatos raster como JPG ou WebP são mais adequados.

Sim. Se o PNG de origem tiver fundo transparente, o SVG rastreado preserva essa transparência. Para uma origem JPG, use primeiro um removedor de fundo.

Sim. O SVG usa elementos <path> padrão com coordenadas absolutas, que qualquer editor vetorial consegue ler e editar nó por nó.

512–2048 px no lado mais longo é o ideal. Ícones muito pequenos perdem detalhes; imagens muito grandes geram milhares de nós e incham o SVG.

Não. O Potrace roda como WebAssembly no navegador. Nada é transmitido.

Ferramentas relacionadas

Gerador de papel quadriculado

Crie papel quadriculado para imprimir online: escolha grade ou pontos, ajuste o espaçamento em mm, selecione A4 ou Carta e uma cor de linha personalizada, e imprima ou baixe um SVG nítido.

Gerador de papel pautado

Crie papel pautado para imprimir de graça. Escolha pauta média, larga ou estreita, defina o espaçamento das linhas em mm, o tamanho da página e uma linha de margem, e imprima ou baixe o SVG.

Criador de gráficos de ponto cruz

Transforme JPEG, PNG ou WebP em gráfico de ponto cruz imprimível com 10–150 pontos, 2–40 cores próprias, símbolos, contagens exatas e medidas do tecido.

Conversor de Pantone para HEX

Converta cores Pantone PMS para os valores mais próximos de HEX, RGB e CMYK para correspondência em tela e impressão, com pré-visualização de amostras.

Divisor de Grade do Instagram

Divida uma imagem ampla em uma grade 3×3 do Instagram, ou qualquer número de linhas. As peças são numeradas para facilitar o upload em ordem inversa.

Seletor de Cores do Material Design

Navegue pela paleta de cores do Material Design. Copie qualquer tonalidade (50 a A700) como HEX, RGB ou HSL com um toque.

Ferramenta disponível em outros idiomas