Ferramentas95

CONVERTER / UM GUIA PRÁTICO DE IMAGEM

Como traçar um PNG transparente num SVG simples

Trace arte transparente em formas editáveis.

Um PNG armazena píxeis mesmo quando o seu fundo é transparente. PNG para SVG segue as margens da arte para criar caminhos vetoriais. Mantenha as áreas transparentes existentes, simplifique a paleta e compare o traçado antes de o transferir.

Atualizado

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

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

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

sample-vector.svg: 640 x 640 px, 8,739 bytes.

O PNG transparente original e o seu SVG real de quatro cores. A paleta reduzida simplifica a flor em sete caminhos e altera pequenos detalhes.
Publicidade
TUTORIAL EM VÍDEO RÁPIDO How to trace PNG to SVG with the Illustration preset Upload PNG 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 PNG to SVG with the Illustration preset

Publicidade

Siga um traçado de quatro cores deliberadamente simplificado e veja onde a redução da paleta altera a ilustração. Abrir PNG para SVG.

01

Carregue um PNG transparente limpo

Abra PNG para SVG e carregue um PNG, ou experimente o exemplo da flor. Utilize uma origem clara com píxeis suficientes para definir as suas margens. A transparência é útil para arte isolada, mas um fundo transparente não transforma um bitmap num vetor.

Escolha Logótipo como ponto de partida. Mantenha o modo de cor. Para reproduzir este exemplo, defina Cores para 4 e Detalhe para 4. A paleta deliberadamente reduzida mostra como o traçado pode alterar um design.

Arte nítida e plana traça de forma mais limpa do que capturas de ecrã com margens desfocadas ou comprimidas.

02

Reduza as cores e inspecione o traçado

Selecione Atualizar pré-visualização. Alterne entre Original e Vetor, ou mova o divisor de Comparação. Várias cores da flor fundem-se em regiões mais simples e um pequeno ponto decorativo desaparece. Este é um design simplificado, não uma cópia exata da cor.

Abra Refinar margens e fundo. O controlo de Curvas suaves simplifica as margens; Remover pequenas manchas remove marcas isoladas. O exemplo mantém-nos em 60 e 4. Aumente as Cores se a redução da paleta perder uma distinção importante.

Deixe o Fundo em Preservar transparência. O traçado de cor mantém as áreas transparentes existentes, mas os píxeis parcialmente transparentes são simplificados e as margens suaves podem mudar. Uma região branca opaca permanece como conteúdo; esta escolha não a remove automaticamente.

Uma limpeza forte de manchas pode remover pontos, pontuação ou marcas decorativas que pertencem ao seu design.

O exemplo neste guia

Predefinição: Logótipo, depois Cores: 4 e Detalhe: 4; Modo de cor; 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
8,739 bytes
Caminhos vetoriais
7
03

Transfira e edite o SVG

Selecione Iniciar e guarde o SVG. Este exemplo tem uma tela de 640 x 640, sete caminhos e um tamanho de 8,739 bytes. A origem PNG tem 23,812 bytes, mas outra arte pode produzir um SVG maior.

Abra o ficheiro num editor vetorial para ajustar caminhos e cores de preenchimento. Mantenha o PNG quando o sombreamento exato for importante. O traçado não consegue reconstruir camadas, fontes ou formas escondidas atrás de outros objetos.

Para múltiplos PNGs, aplicam-se as mesmas definições e os resultados formam um ZIP. As pré-visualizações de traçado utilizam até 1200 píxeis no lado mais longo; os traçados finais utilizam até 2048 píxeis e mantêm as dimensões originais da tela.

O artigo mostra uma renderização WebP do resultado real. Transfira o próprio SVG para obter caminhos vetoriais editáveis.

DETALHES ÚTEIS

Questões comuns

O fundo transparente será mantido?

O traçado a cores preserva as regiões transparentes com a opção Preservar transparência. Os píxeis semitransparentes são simplificados, pelo que os desvanecimentos podem sofrer alterações.

Porque é que algumas cores se fundem?

As cores limitam a paleta. Regiões semelhantes ou pequenas podem fundir-se; aumente as Cores e atualize a pré-visualização para obter mais distinções.

Isto remove fundos brancos?

O traçado a cores trata o branco opaco como conteúdo. A opção Preservar transparência retém a transparência existente em vez de identificar um assunto.

Posso editar letras como texto?

As letras tornam-se contornos. Pode editar as suas formas, mas não são reconhecidas como texto editável com um tipo de letra.

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 PNG 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.