Ferramentas95

CONVERTER / UM GUIA PRÁTICO DE IMAGEM

Como transformar arte PNG ou JPG em caminhos SVG reais

Converta arte baseada em píxeis em formas escaláveis.

Um SVG pode conter formas vetoriais ou um bitmap incorporado. A Imagem para SVG cria caminhos e preenchimentos a partir dos seus píxeis PNG ou JPG, para que um editor vetorial possa editar as formas. Utiliza traçado convencional em vez de IA generativa.

Atualizado

Siga o guia
UMA ENTRADA REAL E RESULTADO DESCARREGADO
Antes Origem original para Imagem para SVG: 640 x 640 píxeis.

sample-vector.png: 640 x 640 px, 23,812 bytes.

Depois Resultado transferido real de Imagem para SVG: 640 x 640 píxeis.

sample-vector.svg: 640 x 640 px, 12,938 bytes.

640 x 640 PNG original e o 14-caminho SVG real feito com Logótipo e 8 cores. Algumas cores mudam durante a redução da paleta.
Publicidade
TUTORIAL EM VÍDEO RÁPIDO How to trace an image to SVG with the Illustration preset Upload PNG or JPG artwork, choose the Illustration preset for a color trace, select Start and download the SVG result. Narração em inglês Ver o vídeo

How to trace an image to SVG with the Illustration preset

Publicidade

O exemplo começa com uma ilustração de flor limpa e inspeciona os caminhos SVG reais produzidos pela predefinição Logótipo. Abrir Imagem para SVG.

01

Escolha a arte e uma predefinição

Abra Imagem para SVG e carregue arte PNG, JPG ou JPEG. Logótipos, ícones e ilustrações planas com margens claras são bons pontos de partida. As fotografias podem ser traçadas, mas o resultado é uma coleção simplificada de formas em vez de uma substituição fotográfica fiel.

Escolha Logótipo, Ilustração ou Arte linear. Logótipo começa com uma paleta compacta; Ilustração começa com mais cores e detalhes; Arte linear começa com traçado a preto e branco. As predefinições definem vários controlos em conjunto e pode refiná-los posteriormente.

Uma origem rasterizada limpa geralmente traça melhor do que uma com artefactos de compressão, sombras ou fundos texturizados.

02

Compare e refine o vetor

No modo Cor, Cores solicita 2 a 32 cores. O detalhe varia de 1 a 5. Abra Refinar margens e fundo para Suavizar curvas, Remover pequenas manchas e Fundo. Detalhe extra pode aumentar a contagem de caminhos; a limpeza pode remover pontos que pertencem ao design.

Selecione Atualizar pré-visualização após alterar os controlos. Utilize Original, Vetor e Comparar; Comparar tem um divisor móvel. O exemplo utiliza Logótipo com 8 cores e as outras predefinições padrão. O SVG transferido tem 14 caminhos. A redução da paleta altera algumas cores da flor, como mostra a comparação.

O traçado a cores com Preservar transparência retém regiões claras existentes, mas não remove um fundo opaco. O traçado a preto e branco mantém formas escuras e torna as áreas claras transparentes. Escolha Branco para uma tela branca opaca.

O SVG pode ser maior do que a sua origem. Avalie os caminhos e o aspeto, não apenas o tamanho do ficheiro.

O exemplo neste guia

Predefinição: Logótipo; Modo de cor; Cores: 8; Detalhe: 3; Curvas suaves: 60; Remover pequenas manchas: 4; Fundo: Preservar transparência.

Entrada
640 x 640 px
Saída
640 x 640 px
Ficheiro de entrada
23,812 bytes
Ficheiro descarregado
12,938 bytes
Caminhos vetoriais
14
03

Exporte os caminhos SVG

Selecione Iniciar. Uma entrada produz um SVG; um lote produz um ZIP. As definições aplicam-se a cada entrada, por isso verifique cada miniatura se as suas origens precisarem de tratamento diferente.

O exemplo mantém uma tela de 640 x 640 e tem 12,938 bytes. Abra o SVG real num editor vetorial para inspecionar os seus caminhos e preenchimentos. As letras tornam-se contornos, não texto editável. O traçado não consegue recuperar as fontes, camadas ou ficheiros de design originais.

Os traçados de pré-visualização utilizam até 1200 píxeis no lado mais longo. A conversão final traça até 2048 píxeis, mantendo as dimensões SVG e a viewBox originais. Por isso, origens grandes podem mostrar detalhes finos diferentes no ficheiro final.

Estas imagens do artigo são representações WebP da origem e SVG reais. A transferência real contém caminhos em vez de um invólucro de bitmap.

DETALHES ÚTEIS

Questões comuns

Trata-se de uma verdadeira conversão vetorial?

Sim. O resultado contém SVG caminhos e preenchimentos sem incorporar a origem PNG ou JPG como um bitmap.

Irá manter todas as cores originais?

Não necessariamente. As cores limitam a paleta. O traçado pode fundir cores semelhantes ou simplificar pequenas regiões, por isso verifique a pré-visualização.

Posso processar PNG e JPG em lote?

Sim. Até 10 ficheiros de 25 MB cada. Aplicam-se também limites de recursos, origem de 60 megapíxeis e complexidade de saída.

As letras tornam-se texto editável?

Não. As letras visíveis tornam-se contornos vetoriais. Utilize OCR para texto reconhecido em vez de formas traçadas.

A SUA VEZ

Experimente o fluxo de trabalho com a sua própria imagem e mantenha o seu ficheiro original para edições futuras.

Experimente um exemplo ou utilize o seu próprio ficheiro e reveja o resultado antes de partilhar.

Abrir Imagem para SVG

Detalhe da imagem

Idioma38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Escolha o seu idioma. Os tutoriais em vídeo utilizam atualmente narração em inglês.