Renomear o arquivo não é converter

Trocar o nome do arquivo de logo.png para logo.svg não muda o que tem dentro dele. Os bytes continuam sendo de um PNG, então um programa que espera código SVG não encontra nada.

Um SVG que carrega o PNG dentro de um elemento <image> também não é um vetor. Ele abre como SVG, mas a imagem continua sendo uma grade de pixels: fica borrada quando ampliada, e um editor vetorial ou uma máquina de corte não consegue selecionar nenhuma forma isolada nele. Uma conversão de verdade traça a imagem e reconstrói cada área de cor como um caminho fechado. Como diferenciar um vetor de verdade de um PNG embrulhado.

Converter PNG para SVG com o png2svg.art

Três passos: uma imagem, uma lupa para a prévia e um download

  1. Envie um PNG, JPG, WebP ou HEIC de até 25 MB no conversor. Imagens com mais de 2048 px no lado maior são reduzidas para esse tamanho antes do traçado.
  2. Escolha uma predefinição: Padrão (começa com 8 cores), Cricut / Vinil (começa com 4 cores, remove o fundo e junta formas finas demais para cortar), Line art / Estêncil (sempre 2 tons) ou Arte detalhada (começa com 16 cores).
  3. Ajuste Cores, até (de 2 a 24) para o número de cores que você enxerga. É um teto: uma arte flat mantém só as cores que realmente tem.
  4. Deixe Curvas suaves ativado. Ative Remover fundo se a imagem estiver sobre um fundo liso que você não quer no SVG.
  5. Confira o resultado inteiro na prévia, com marca d'água e grátis, sem cadastro (5 prévias por dia como visitante). Mude as configurações e trace de novo até ficar do jeito certo.
  6. Desbloqueie o SVG limpo por 1 crédito (3 créditos grátis com uma conta; o login é com o Google) e depois baixe o arquivo ou abra no editor de SVG.

O SVG vem agrupado por objeto: o fundo (quando a imagem tem um) e cada objeto formam grupos próprios, e dentro de um objeto cada forma é um caminho preenchido separado, aninhado de acordo com o que o envolve. Assim você pode ocultar, mover ou excluir um objeto inteiro, ou só uma parte dele, num editor. Para o layout antigo, com um caminho por cor, defina Camadas como Por cor em Configurações. As áreas transparentes de um PNG ou WebP continuam transparentes, e todo resultado é verificado para conter apenas caminhos vetoriais, sem nenhum bitmap embutido.

Uma figurinha de corgi como PNG e como SVG traçado, lado a lado

Uma das nossas imagens de exemplo como PNG (à esquerda) e o SVG que o png2svg.art traçou a partir dela (à direita): 7 cores em 33 caminhos, com a borda branca da figurinha mantida.

Converter PNG para SVG no Inkscape

O Inkscape é um editor vetorial gratuito e de código aberto para computador. A ferramenta Trace Bitmap funciona assim (os nomes abaixo são os da interface em inglês; em português, os menus podem ter outros nomes):

  1. Abra o PNG, ou traga a imagem com File > Import, e selecione-a com a ferramenta Selector.
  2. Escolha Path > Trace Bitmap (Shift+Alt+B).
  3. Para uma silhueta de uma cor só, escolha Single scan com Brightness cutoff. Para um traçado colorido, escolha Multiple scans com Colors e defina o número de passagens; esse modo também oferece Remove background. O Multiple scans cria um objeto separado para cada passagem.
  4. Clique em Update para ver a prévia do resultado e depois em Apply para criar os caminhos.
  5. O traçado fica por cima do bitmap. Afaste-o com a ferramenta Selector, confira e exclua o bitmap.
  6. Salve com File > Save As… e escolha Plain SVG, que deixa de fora os dados de edição próprios do Inkscape.

Converter PNG para SVG no Adobe Illustrator

O Illustrator é um software pago da Adobe. O recurso Image Trace funciona assim (nomes da interface em inglês):

  1. Escolha File > Place para trazer o PNG para um documento e selecione-o.
  2. Abra Window > Image Trace.
  3. Escolha uma predefinição, por exemplo uma das que definem o número de cores ou a Black and White Logo. Num traçado em preto e branco, Ignore White deixa as áreas brancas fora do resultado.
  4. Clique em Expand no painel Control ou Properties. Isso transforma o traçado em caminhos editáveis, agrupados; depois de expandir, não dá mais para mudar as opções do traçado.
  5. Escolha File > Export > Export As… e selecione SVG como formato.

Se você pular o Expand, o traçado continua sendo um objeto de traçado, e não caminhos comuns; por isso, expanda antes de exportar.

Transformar um PNG em linhas de corte no Cricut Design Space

Se o único objetivo é cortar numa máquina Cricut, o Design Space consegue usar o próprio PNG:

  1. Escolha Upload e abra o PNG ou JPG.
  2. Remova o fundo com as ferramentas Select e Erase.
  3. Escolha Single Layer para um corte de uma cor só, ou Flat Graphic para Print Then Cut, depois dê um nome à imagem e envie.

A Cricut muda o nome dessas opções de tempos em tempos, então os rótulos na sua tela podem ser um pouco diferentes. Transformar uma imagem flat em várias camadas de cor com o Convert to Layers exige uma assinatura do Cricut Access. Um traçado do png2svg.art, agrupado por objeto e com cada forma num caminho próprio, entra como uma imagem agrupada cujas camadas você pode desagrupar: veja PNG para SVG para Cricut e Silhouette.

Qual caminho usar

Opção Boa quando Fique de olho
png2svg.art Logos coloridos e arte flat, traçados online, sem instalar nada A prévia com marca d'água é grátis; um SVG limpo custa 1 crédito
Inkscape Você quer uma ferramenta grátis no computador e ajustar o traçado ou editar os nós Há mais configurações para aprender
Adobe Illustrator Você já usa o programa Expanda o traçado antes de exportar
Cricut Design Space O único objetivo é um corte de uma cor ou Print Then Cut Você recebe linhas de corte dentro do Design Space, não um arquivo SVG

Perguntas

A conversão mantém o fundo transparente?

No png2svg.art, sim, para PNG e WebP: só os pixels mais da metade opacos são traçados, então as áreas transparentes continuam transparentes e o SVG não ganha um retângulo de fundo. JPG não tem transparência; ative Remover fundo para deixar de fora um fundo liso. Saiba mais em A conversão de PNG para SVG mantém o fundo transparente?

Dá para manter as cores?

Até 24 cores chapadas, agrupadas por objeto, com cada forma num caminho próprio. Sombreados e degradês viram faixas de cor chapada. Quantas cores um SVG traçado deve ter.

Dá para converter PNG para SVG sem perder qualidade?

O traçado redesenha a imagem, em vez de convertê-la sem perdas. Logos e ícones flat ficam muito parecidos com o original e depois podem ser ampliados sem borrar. Fotos e degradês perdem detalhes, porque são reduzidos a no máximo 24 cores chapadas. O traçado não consegue acrescentar detalhes que um PNG pequeno não tem.

É grátis?

No png2svg.art, a prévia com marca d'água é grátis e sem cadastro, e um SVG limpo custa 1 crédito (3 créditos grátis com uma conta). O Inkscape é um software livre; o Illustrator é pago.