Por Claire Yoon10 min de leitura

PNG vs SVG: qual usar, e quando converter

PNG é pixels e SVG é matemática, então a escolha certa depende do que você está criando. Um guia simples para escolher entre eles, além de como transformar um PNG em um SVG de verdade.

Nesta página

PNG e SVG não são versões melhores ou piores da mesma coisa. São dois tipos diferentes de arquivo, e o ideal depende do que você está criando. Um PNG é feito de pixels, como um pequeno mosaico de quadrados coloridos. Um SVG é feito de matemática: linhas, curvas e formas que o computador desenha novamente em qualquer tamanho. Essa diferença decide todo o resto. A regra curta: use PNG para fotos e imagens detalhadas, e SVG para logotipos, ícones, texto e qualquer coisa que você vá redimensionar, imprimir grande ou cortar em uma máquina. E se o que você tem é um logotipo em PNG de que precisa em SVG, você não simplesmente salva como SVG. Você converte, e essa conversão é a etapa que define se o resultado fica bom ou ruim.

A versão rápida
  • PNG = pixels. Melhor para fotos, capturas de tela e imagens detalhadas que precisam de transparência.
  • SVG = matemática. Melhor para logotipos, ícones, texto e qualquer coisa que você vai redimensionar, imprimir grande ou cortar.
  • A escala entrega tudo: amplie os dois em 10x e o PNG fica borrado, enquanto o SVG continua extremamente nítido.
  • Você não pode apenas renomear um PNG para .svg. Transformar um PNG em um SVG de verdade significa traçá-lo. Converta um PNG para SVG e confira o resultado.
  • Cuidado com o SVG falso: um PNG embrulhado em um arquivo .svg ainda pixeliza e ainda não pode ser editado.

O que realmente muda: pixels vs. matemática

Abra um PNG, dê bastante zoom e, em algum momento, você vai encontrar os quadrados. Ele é uma grade fixa de pixels. Aumente além do tamanho nativo e o computador precisa adivinhar o que fica entre esses quadrados, então as bordas ficam suaves e blocadas. É por isso que um logotipo pequeno puxado de um site fica embaçado assim que você aumenta.

Um SVG armazena as instruções: desenhe uma curva aqui, uma forma ali, preencha com esta cor. Como é matemática, o computador redesenha tudo perfeitamente nítido em qualquer tamanho, de um favicon a um outdoor. Não há nada para adivinhar nem nada para borrar. Se a ideia de "instruções em vez de pixels" é nova para você, o que a vetorização de imagem realmente é explica o processo.

Mesma imagem, ampliada
Uma letra S mostrada como um PNG raster pixelado à esquerda, com quadrados serrilhados visíveis, e como um SVG vetorial suave à direita, permanecendo nítida quando ampliada
Amplie um PNG e os pixels aparecem. Um SVG é redesenhado a partir de matemática, então permanece nítido em qualquer tamanho.

PNG vs SVG em resumo

PNGSVG
Feito dePixels (raster)Matemática (vetor)
Escala sem borrarNão, resolução fixaSim, qualquer tamanho
Formas editáveisNão, uma imagem achatadaSim, traçados e cores separados
TransparênciaSimSim
AnimaçãoNãoSim
Fotos e detalhes finosLida bem com elesTem dificuldade, achata os detalhes
Suporte em navegadores e appsUniversalAmplo, mas não em todo app antigo ou cliente de e-mail
Tamanho típico do arquivoMaiorMenor para arte plana, pode ser maior para arte muito complexa
Melhor paraFotos, capturas de tela, gráficos detalhadosLogotipos, ícones, tipografia, arquivos de corte

Uma observação sobre tamanho: muita gente repete que "SVG é menor", e para um logotipo ou ícone plano geralmente é mesmo. Mas um SVG de uma imagem complexa, parecida com foto, pode ficar maior que o PNG, porque precisa descrever cada pequena forma que encontra. Arte simples e plana é onde o SVG ganha em tamanho.

Qual você deve usar? Decida pelo que está criando

Não existe um vencedor único aqui. Depende totalmente do trabalho. Aqui vai a resposta rápida para as coisas que as pessoas realmente perguntam.

O que você está criandoUsePor quê
Gráficos para site, ícones, UISVGNítido em qualquer tela e display retina, e leve para carregar
Um logotipo que você vai reutilizar em tudoSVGUm único arquivo escala de um cartão de visitas a uma faixa de feira sem reexportar
FotografiasPNG (ou JPG)Vetores não conseguem reproduzir detalhes fotográficos de tom contínuo
Capturas de tela, mockups de appPNGExato em pixels, com transparência onde você precisa
Cricut, Silhouette, cortadoras de vinilSVGMáquinas de corte seguem traçados, não pixels
Sublimação, DTG, camisetas impressasDepende de impressão vs. corte, veja abaixo
QR codesSVGPermanece nítido e escaneável em qualquer tamanho de impressão
Impressos: cartões de visita, sinalizaçãoSVG para logotipo ou gráfico, PNG/JPG para fotoArte de linha imprime mais nítida como vetor; fotos imprimem melhor como raster em alta resolução

Sublimação e camisetas impressas confundem muita gente. Uma pergunta comum em grupos de artesanato é se vale pedir um SVG ou um PNG para uma camiseta. A resposta honesta depende de como a camiseta é feita. Sublimação e impressão direta na peça são processos raster que aplicam tinta, então um PNG em alta resolução com fundo transparente costuma ser o que a gráfica quer. Vinil termocolante é o oposto: a máquina corta ao longo de traçados, então precisa de um SVG. Quando você não tiver certeza, faça uma pergunta à gráfica: vocês imprimem isso ou cortam? Para o lado do corte, criar um SVG pronto para corte é uma pequena habilidade própria.

E se o seu logotipo sempre aparece com uma caixa branca ao redor, isso não é a guerra dos formatos. É transparência. Você salvou um JPG, que não consegue armazenar fundo transparente, quando precisava de um PNG ou um SVG.

Posso transformar um PNG em SVG?

Dá para transformar um PNG em SVG? Sim, mas você não o salva como SVG. Você traça a imagem: o software redesenha a imagem de pixels como traçados vetoriais. Ir no sentido contrário, de SVG para PNG, é fácil e confiável porque você só está achatando formas em pixels em um tamanho fixo. Ir de PNG para SVG é o caminho difícil, e a qualidade do traçado é tudo.

É nesse caminho difícil que os resultados variam muito. Um bom vetorizador reconstrói sua arte como traçados limpos e editáveis. Um descuidado produz uma bagunça com milhares de nós soltos, bordas serrilhadas e cores que você não consegue separar. Mesma entrada, saída completamente diferente. O passo a passo completo está em como converter um PNG para SVG sem perder qualidade.

A armadilha que vale conhecer: alguns conversores não traçam nada. Eles embrulham o PNG original dentro de um arquivo .svg e devolvem isso para você. Ele tem a extensão certa e abre, mas ainda é pixels. Borra quando você aumenta e você não consegue editar uma única forma. Isso é um vetor falso, e derrota silenciosamente todo o motivo da conversão. A mesma armadilha pega quem está vetorizando um logotipo.

Três verificações rápidas mostram se você recebeu um SVG de verdade:

  • Amplie bastante. Um vetor real continua nítido. Um falso pixeliza como o PNG que, em segredo, ainda é.
  • Clique em uma forma. Você deve conseguir selecionar e mover traçados individuais, não uma imagem única e achatada.
  • Observe a complexidade. Curvas limpas usam poucos nós, não milhares. Um traçado inchado é difícil de editar e lento para cortar, que é por que traçados acabam com nós demais.

O limite que vale dizer logo de início: nem todo PNG deve virar SVG. Uma foto, uma captura de tela de uma foto ou arte de IA cheia de gradientes não vai se transformar em algo limpo por traçado, porque vetores descrevem formas planas e detalhes de tom contínuo viram manchas posterizadas. Se a origem for um logotipo, ícone ou ilustração plana, você está em boa posição. Se for uma foto, deixe como PNG.

Como isso fica com o PerfectVector

No caminho de PNG para SVG, o jogo inteiro é conseguir um traçado que passe nessas verificações sem uma hora de limpeza manual depois. É para isso que o PerfectVector foi criado. Ele reconstrói sua imagem como traçados limpos com poucos nós, mantém cada cor como sua própria forma editável e entrega uma saída SVG real que abre sem problemas no Illustrator, Figma ou Inkscape. Você pode transformar um PNG em SVG e inspecionar os traçados por conta própria. Suas primeiras conversões são gratuitas, sem cartão de crédito.

PNG, ampliado
Um logotipo em PNG ampliado até as bordas ficarem visivelmente borradas e pixeladas
O PNG raster se desfaz em bordas suaves e blocadas.
SVG, ampliado
O mesmo logotipo como SVG, ampliado para o mesmo tamanho com bordas perfeitamente nítidas
O SVG traçado permanece nítido no mesmo tamanho.

Quando manter o PNG

SVG nem sempre é um upgrade. Mantenha o PNG quando:

  • É uma foto, ou qualquer coisa com detalhes fotográficos e gradientes.
  • Você só precisa de uma imagem rápida para web ou e-mail e ela já está no tamanho certo.
  • Você precisa que ela abra em qualquer lugar sem surpresas. PNG é o formato raster universal.

Um PNG é a resposta certa com mais frequência do que evangelistas de formato admitem. O objetivo não é "sempre SVG". É o arquivo certo para o trabalho à sua frente.

FAQ

SVG é melhor que PNG? Nenhum é melhor em geral. Eles servem a trabalhos diferentes. SVG ganha para logotipos, ícones, texto e qualquer coisa que você vá redimensionar, imprimir grande ou cortar, porque escala sem borrar. PNG ganha para fotos, capturas de tela e imagens detalhadas, porque armazena detalhes reais de pixels que um SVG não consegue reproduzir.

Posso transformar um PNG em SVG? Sim, traçando a imagem, não renomeando o arquivo. Um conversor redesenha os pixels como traçados vetoriais. Funciona bem para arte plana e de alto contraste, como logotipos e ícones, e mal para fotos. Sempre confirme se o resultado é um vetor real com traçados editáveis, não um PNG embrulhado em um .svg.

Quais são as desvantagens do SVG? SVG tem dificuldade com fotografias e detalhes de tom contínuo, alguns apps antigos e clientes de e-mail não oferecem suporte completo, e uma conversão descuidada pode produzir um arquivo inchado com milhares de nós desnecessários, difícil de editar. Para gráficos planos, nada disso costuma importar.

PNG ou SVG é melhor para Cricut? SVG. Cricut e outras máquinas de corte seguem traçados vetoriais para cortar, então um SVG corta de forma limpa, enquanto um PNG precisa ser traçado primeiro dentro do Design Space, muitas vezes com resultado ruim. Envie um SVG sempre que puder.

Devo usar PNG ou SVG para uma camiseta impressa? Depende do método. Sublimação e impressão direta na peça são raster, então precisam de um PNG em alta resolução com fundo transparente. Vinil termocolante é cortado, então precisa de um SVG. Pergunte à gráfica se ela imprime ou corta o design.

Qual é menor, PNG ou SVG? Para arte plana, como logotipos e ícones, o SVG geralmente é muito menor. Para imagens complexas ou parecidas com foto, o SVG pode acabar maior que o PNG, porque precisa descrever cada forma. Combine o formato com a arte.


Tem um logotipo ou gráfico preso em PNG? Converta em um SVG limpo e editável e faça as três verificações acima para garantir que recebeu um SVG de verdade.

Mais do blog

Pronto para criar
vetores perfeitos?