itsytools.

PNG · JPG → SVG

Vetorizador de PNG/JPG para SVG

Converta PNG ou JPG em formas SVG editáveis. Pré-visualize e transfira o resultado em privado no navegador.

01

Adicionar imagem

PNG · JPG · JPEG

8

Menos cores criam SVGs mais simples.

02

O seu SVG

Adicione uma imagem e vetorize-a para ver a pré-visualização.

Ideal para logótipos e ilustrações. As fotografias são aproximadas e podem gerar SVGs grandes. As áreas transparentes do PNG permanecem transparentes.

Escolher imagem e definições para traçar SVG

O traçado transforma regiões coloridas de um PNG ou JPG em caminhos SVG. Gráficos planos e bordas nítidas costumam funcionar melhor do que fotografias. O resultado aproxima a entrada; não recupera detalhes ausentes do original.

Passo a passo

  1. Abra um PNG ou JPG com um motivo claro. Recorte previamente o contexto desnecessário se acrescentar caminhos indesejados.
  2. Comece com uma paleta pequena e detalhe equilibrado. Trace, compare as pré-visualizações e altere uma definição de cada vez.
  3. Descarregue o SVG e examine-o no tamanho pretendido. Guarde o original rasterizado quando precisar de detalhe fotográfico exato.

Definições e limites

Paleta de cores
Menos cores simplificam regiões e reduzem caminhos, mas podem unir tonalidades importantes. Mais cores não recuperam detalhes perdidos.
Detalhe de traçado
Os modos simples, equilibrado e detalhado limitam o lado maior de trabalho a 240, 400 e 600 píxeis, respetivamente.
Transparência e texto
As áreas transparentes são omitidas. A transparência parcial é simplificada; o texto torna-se formas, não caracteres editáveis ou pesquisáveis.

Exemplo resolvido

Carregue color-blocks.png, escolha 3 cores e detalhe equilibrado. A origem de 600 × 400 é traçada a 400 × 267 píxeis.

Transferir os ficheiros de exemplo

Entrada de exemplo

600 × 400 px · 3

Resultado esperado

<svg width="600" height="400" viewBox="0 0 400 267">
  <path/> <path/> <path/>
</svg>

O SVG de exemplo contém 3 caminhos preenchidos e mantém uma apresentação de 600 × 400. Não inclui o bitmap original incorporado.

Perguntas e resolução de problemas

Porque desapareceram letras pequenas ou linhas finas?

A redução e simplificação podem removê-las. Experimente o modo detalhado e uma origem mais limpa; recrie o texto essencial num editor vetorial.

O SVG será sempre menor do que o PNG?

Não. Fotos complexas podem gerar muitos caminhos e ficheiros maiores. Compare os descarregamentos reais em vez de assumir que o vetor é menor.

Porque é rejeitada uma imagem totalmente transparente?

Não existem píxeis visíveis para traçar. Escolha gráficos com formas visíveis em vez de uma tela transparente vazia.