PNG para SVG - quando vetorizar uma imagem raster

Ultima revisao 2026-05-04. "Vetorizar" uma imagem raster (PNG, JPG, captura de ecra) significa redesenhar as suas formas visiveis como caminhos vetoriais independentes de resolucao em vez de uma grelha fixa de pixels. A ferramenta gratuita PNG to SVG executa esta conversao no servidor e devolve o ficheiro SVG. O senao: PNG e JPG nao carregam informacao de caminho por definicao - sao grelhas de pixels coloridos - portanto qualquer ferramenta so pode aproximar uma leitura vetorial tracando arestas entre regioes de cor semelhantes. Se a aproximacao e util depende inteiramente do que esta na entrada. Logos, icones, line art, silhuetas de alto contraste e capturas de ecra de elementos de UI convertem-se lindamente. Fotografias, gradientes suaves, texturas finas e qualquer coisa com transicoes de cor suaves geralmente nao.

O que raster vs vetor significa (e porque esta conversao e aproximada)

Uma imagem raster (PNG, JPG, BMP, captura de ecra, fotografia) e uma grelha fixa de pixels coloridos - o ficheiro sabe a cor do pixel (0,0), (0,1) e assim por diante, e nada mais. Uma imagem vetorial (SVG) e uma lista de instrucoes geometricas - "desenha um circulo de raio 12 em (50,50) preenchido a vermelho", "desenha um caminho ao longo destes 14 pontos contornado a preto" - que um renderizador transforma em pixels no tamanho que a pagina pedir. Como o raster nao carrega dados de forma, nenhuma ferramenta pode recuperar as instrucoes geometricas originais a partir de um PNG; os pixels nao se lembram quais costumavam pertencer a "a letra A" ou "a curva do logo". Por isso os vetorizadores leem a grelha de pixels, encontram corridas de cor semelhantes, seguem as fronteiras entre elas e emitem um <path> SVG por regiao. O SVG de saida parece a entrada apenas quando essas fronteiras de cor correspondem as formas reais que o olho humano le; quando nao correspondem, a saida e um mosaico ruidoso de poligonos que escala infinitamente mas nao se parece com a fotografia.

Quando PNG-para-SVG efetivamente funciona

A vetorizacao produz um SVG util quando a entrada tem um pequeno numero de regioes de cor solida com fronteiras nitidas entre elas. Os quatro casos comuns:

• Logos e marcas. Um logo e normalmente 1-4 cores solidas com arestas nitidas - exatamente o que o auto-tracing precisa. O SVG de saida escala ate ao tamanho de outdoor sem perder nitidez de aresta, pode ser recolorido editando o atributo fill e e entregue em poucos kilobytes. Este e o caso de uso canonico.
• Icones e pictogramas. Silhuetas de cor unica (icones de pasta, menus hamburguer, chevrons, glifos de redes sociais) tracam-se de forma limpa porque ha exatamente uma fronteira primeiro plano / fundo. O resultado e editavel como caminhos e recolorivel com uma regra CSS.
• Line art e desenhos a tinta. Desenhos preto-no-branco, line art de banda desenhada, esbocos a mao digitalizados em alto contraste: cada traco torna-se um caminho fechado, e o SVG pode ser recontornado em qualquer cor ou peso depois.
• Capturas de ecra de UI de formas nitidas. Capturas de ecra de botoes, caixas de dialogo, graficos simples ou texto sobre um fundo plano tem arestas de pixels com anti-aliasing que se vetorizam em aproximacoes muito proximas da geometria original. O resultado e perfeito para incorporar em documentacao responsiva.

Quando PNG-para-SVG NAO funciona

O mesmo algoritmo que se sai tao bem em logos produz mosaicos inutilizaveis em fotografias. Os tres contra-casos:

• Fotografias. Uma foto de um rosto, uma paisagem ou um produto tem milhares de cores subtilmente diferentes a misturarem-se. O vetorizador ou trata cada pixel como o seu proprio poligono (o ficheiro de saida explode para dezenas de megabytes e desloca-se devagar no navegador) ou quantiza as cores em algumas dezenas de regioes (a saida parece uma versao posterizada da foto, nao a original). Para fotos, mantenha o raster e otimize como JPG ou WebP.
• Gradientes suaves e textura fina. Um botao com um gradiente suave de cima para baixo, uma aguarela com arestas que sangram, ou qualquer imagem com gros de pelicula nao tem fronteiras de cor nitidas para tracar. O vetorizador inventa fronteiras arbitrarias em limiares de quantizacao e o SVG fica "as riscas" ou "aos blocos" onde o original era suave.
• Texto com anti-aliasing renderizado como pixels (baixo contraste / pequeno). Texto renderizado em tamanhos pequenos ou com forte anti-aliasing torna-se uma sopa de pixels cinza a volta de cada glifo. O auto-tracing produz letras ilegiveis. Se precisa do texto como caminhos, configure o documento com a fonte real numa ferramenta vetorial em vez de vetorizar uma captura renderizada.

Vetorizar em freetoolonline

Abra PNG to SVG, carregue o PNG ou JPG e baixe o resultado SVG. O ficheiro e processado no servico AWS da freetoolonline: e carregado pelo pipeline de upload padrao, a conversao corre no servidor e o ficheiro de saida sai do armazenamento do servico apos a janela de retencao, portanto deve baixar e guardar localmente se precisa de o manter. O SVG de saida abre em qualquer navegador moderno (o elemento SVG e cidadao de primeira do HTML desde o inicio dos anos 2010), e pode ser importado para Inkscape, Adobe Illustrator, Figma, Affinity Designer ou qualquer outro editor vetorial para refinamento posterior. Se o resultado parecer aos blocos ou ruidoso, isso e um sinal de que a entrada nao era um bom candidato a vetorizacao (veja a seccao acima) - mantenha o raster original e otimize como PNG / WebP ou, se o ativo for um logo / icone / ilustracao, peca a um designer a fonte vetorial original.

O https://freetoolonline.com/image-converter-tools/png-to-svg.html carrega o ficheiro ou corre localmente no seu navegador?

A ponte https://freetoolonline.com/image-converter-tools/png-to-svg.html carrega o PNG para o servidor freetoolonline. A pagina nao e uma ferramenta totalmente offline, so-cliente ou so-navegador, e nao corre localmente. Esta afirmacao de upload e direta: o servidor freetoolonline trata do auto-trace e o resultado SVG sai do armazenamento apos a janela de retencao padrao.

O que PNG-para-SVG NAO e

Tres operacoes sao frequentemente confundidas com vetorizacao; cada uma e uma acao diferente com um resultado diferente.

• "Guardar como SVG" de um PNG dentro de um editor. A maioria dos editores guarda alegremente um PNG como um ficheiro SVG - mas o que realmente fazem e embrulhar os bytes do PNG dentro de um elemento <image> SVG. O resultado tem extensao .svg e os mesmos pixels da entrada; NAO escala melhor e NAO e editavel como caminhos. A vetorizacao (o que https://freetoolonline.com/image-converter-tools/png-to-svg.html faz) redesenha o conteudo como elementos <path> reais, que e uma operacao diferente.
• SVG para PNG (rasterizar). A direcao inversa - pegar num vetor e renderiza-lo num raster de tamanho fixo - e uma tarefa separada com trade-offs diferentes (escolha de resolucao, anti-aliasing, fontes incorporadas). Veja SVG to PNG - quando rasterizar um SVG para o lado da rasterizacao e a ferramenta SVG to PNG para a operacao.
• Comprimir um PNG para um PNG mais pequeno. Se o objetivo e "o ficheiro e demasiado grande" e o conteudo e fotografico ou rico em textura, o movimento certo e a compressao raster, nao vetorizacao. Veja Comprimir JPEG sem perder qualidade - qualidade vs tamanho para o trade-off de compressao de fotos, JPG vs PNG para a web para escolha de formato raster, e a ferramenta Compress Image para a operacao.

Guias de conversao de imagem relacionados: SVG to PNG - quando rasterizar um SVG (a direcao inversa), PNG vs SVG - quando usar cada um (a decisao de escolha de formato antes de converter), e JPG vs PNG para a web (escolha de formato raster quando a vetorizacao nao e a resposta).