IT Image Tools

Conversor de imagem para SVG

Converta imagens PNG ou JPG em vetores SVG escaláveis no navegador. Controle cores e detalhe, visualize o resultado e baixe — sem uploads.

🔒 Executa completamente no seu navegador — nada é enviado

Drop a PNG, JPG or WebP image here or click to browse

Original
SVG preview
Advertisement

Transforme uma imagem raster num vetor escalável

Arquivos PNG e JPG são feitos de pixels, por isso ficam borrados ou serrilhados quando você os amplia. Um SVG, por outro lado, descreve a mesma imagem com formas matemáticas, o que significa que continua perfeitamente nítido em qualquer tamanho — num cartão de visita, num outdoor ou na tela de alta densidade de um celular. Este conversor de imagem para SVG traça os contornos de cada região de cor da sua imagem e os reconstrói como caminhos vetoriais. É ideal para recuperar um logotipo quando você só tem um PNG pequeno, transformar um esboço digitalizado ou uma assinatura em arte de linha limpa, preparar arte para uma plotter de recorte ou uma gravadora a laser, ou criar ícones leves para um site.

A vetorização acontece inteiramente no seu navegador com a biblioteca de código aberto imagetracerjs. Sua imagem nunca é enviada, então rascunhos confidenciais e trabalhos de clientes permanecem no seu dispositivo. Imagens grandes são primeiro reduzidas à resolução de traçado escolhida para manter o processo rápido, e o SVG resultante é depois ampliado para conservar as dimensões originais.

Escolhendo cores, detalhe e suavização

O controle de cores define a quantas cores chapadas a imagem é reduzida antes do traçado. Duas cores geram um estêncil preto e branco nítido, 8–16 cores atendem à maioria dos logotipos e ilustrações, e valores mais altos preservam mais sombreamento à custa de um arquivo maior. A configuração de detalhe controla o quanto os caminhos seguem fielmente os pixels e o quão pequena uma forma pode ser antes de ser ignorada: «Low» produz um resultado suave e compacto, «High» mantém detalhes finos e pontinhos minúsculos. O pré-desfoque suaviza ruídos e artefatos JPEG antes do traçado, eliminando bordas serrilhadas e pontos soltos em fotos e digitalizações de baixa qualidade.

Dicas para o resultado mais limpo

Comece com a maior e mais limpa imagem de origem que tiver e recorte tudo o que não precisar. Para logotipos, experimente primeiro poucas cores com detalhe «Medium» e só aumente esses valores se partes desaparecerem. Observe a contagem de caminhos e o tamanho do arquivo exibidos após cada execução: um ícone simples deve precisar de dezenas ou centenas de caminhos, não de dezenas de milhares. O SVG baixado inclui um viewBox, então se ajusta de forma responsiva em HTML e CSS, e pode ser aberto em qualquer editor vetorial para recolorir formas, excluir a camada de fundo ou simplificar ainda mais os caminhos.

Como usar

  1. Adicione uma imagemArraste um arquivo PNG, JPG ou WebP para a caixa ou clique para procurar.
  2. Escolha as opçõesDefina o número de cores, o nível de detalhe, a suavização opcional e a resolução de traçado.
  3. VetorizeClique em «Vectorize» e compare a pré-visualização do SVG com o original e o tamanho do arquivo.
  4. Baixe o SVGSalve o arquivo SVG escalável e use-o no seu design ou site.

Perguntas frequentes

Minha imagem é enviada para ser convertida em SVG?
Não. A imagem é decodificada e vetorizada com a biblioteca imagetracerjs diretamente no seu navegador. O arquivo nunca sai do seu dispositivo.
Que tipo de imagem se vetoriza melhor?
Logotipos, ícones, ilustrações chapadas, desenhos animados, assinaturas e capturas de tela com bordas nítidas e poucas cores. Fotos detalhadas também podem ser traçadas, mas o SVG fica grande e com aparência posterizada.
Como deixo o arquivo SVG menor?
Reduza o número de cores, escolha o detalhe «Low» e adicione um pouco de pré-desfoque. Cada cor vira uma camada separada de caminhos, então menos cores e menos formas minúsculas significam menos caminhos e um arquivo mais leve.
O resultado é um arquivo vetorial de verdade?
Sim. A saída contém apenas caminhos SVG preenchidos com cores sólidas, sem bitmap incorporado, então pode ser ampliada para qualquer tamanho e editada no Illustrator, Inkscape, Figma ou num editor de texto.
Advertisement