Vetorizador SVG
Converta logos e imagens simples em um SVG editável diretamente no navegador. Ajuste cores, simplificação, cantos e transparência; a vetorização usa um algoritmo próprio em um worker local. A imagem é reduzida a até 900 pixels no lado maior antes do processamento e não é enviada a um servidor.
Solte uma imagem aqui
ou em qualquer lugar da página · Escolher um arquivo · 100 MB
Aceitos: JPG, JPEG, PNG, WebP, AVIF, HEIC, HEIF, GIF, BMP
A imagem é decodificada, vetorizada e desenhada nesta aba. Esta ferramenta não tem servidor, então não há nada para limpar nem política de retenção para ler.
Como funciona o Vetorizador SVG?
O algoritmo próprio reduz a imagem a uma pequena paleta e atribui cada pixel a uma cor. Ele é indicado para logos, ícones e desenhos com áreas de cor bem definidas; fotografias e gradientes tendem a produzir mais formas.
As bordas entre áreas de cor são conectadas em contornos fechados. Os contornos de cada cor são reunidos em um caminho com `fill-rule="evenodd"`, preservando os espaços vazios dentro das formas.
A simplificação reduz o número de pontos, e o limiar de cantos define quais mudanças de direção são suavizadas. O processamento ocorre em um Web Worker local, com a imagem limitada a 900 pixels no lado maior e limites de complexidade para contornos muito detalhados.
Pixels totalmente transparentes nunca são vetorizados, mesmo com o limite de alfa em zero. A opção de ordem das camadas inverte a sequência de desenho, sem trocar as cores. O SVG exportado contém caminhos e cores, sem incorporar a imagem original.
Imagem original e configurações de vetorização
logo.png · 1200 × 400 Cores 2 Simplificação 1.2px Limiar de cantos 60°
SVG gerado
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 300" width="900" height="300"> <path fill="#1b1b1f" fill-rule="evenodd" d="M10 10H890V290H10ZM100 100V200H800V100Z"/> </svg>
Quais opções e casos-limite o Vetorizador SVG suporta?
| Parâmetro | Tipo | Padrão | Comportamento e casos-limite |
|---|---|---|---|
| Cores | 2–8 | 2 | Define o número de cores da paleta. Menos cores costuma produzir menos formas e caminhos mais simples. |
| Simplificação | pixels | 1,2 | Define a tolerância para remover pontos do contorno. Valores maiores reduzem os detalhes e o tamanho do SVG. |
| Limiar de cantos | graus | 60° | Determina quais mudanças de direção são suavizadas e quais permanecem como cantos. |
| Limite de alfa | 0–255 | 8 | Ignora pixels abaixo do limite de opacidade. Pixels com alfa zero são sempre excluídos. |
| Inverter a ordem das camadas | alternância | desativado | Inverte a ordem em que as camadas de cor são desenhadas; não inverte os valores das cores. |
| Tamanho de processamento | até 900 px | limitado | Reduz a imagem para no máximo 900 pixels no lado maior antes de executar a vetorização no worker local. |
Perguntas frequentes
Como converto um logotipo PNG em SVG?
Selecione o PNG e comece com poucas cores. A ferramenta identifica regiões de cor, encontra seus contornos e exporta caminhos SVG. Ajuste a simplificação e os cantos para equilibrar detalhes e quantidade de pontos.
Por que meu logotipo fotografado vetoriza mal?
Fotos costumam ter iluminação, ruído e gradientes em vez de áreas de cor uniformes. Isso cria contornos que não representam apenas o desenho. Prefira uma imagem plana, com bom contraste e fundo limpo, ou prepare-a antes de vetorizar.
O SVG vetorizado é editável no Illustrator ou no Figma?
Sim. O arquivo contém elementos `<path>` com cores de preenchimento e contornos editáveis, sem incorporar o bitmap original. A regra `evenodd` preserva vazios internos. A facilidade de edição depende do número de pontos e da complexidade da imagem.
O que acontece com a transparência do meu PNG?
Pixels totalmente transparentes nunca são vetorizados. O limite de alfa pode excluir também pixels parcialmente transparentes nas bordas. Mesmo com o limite em zero, pixels com alfa zero continuam fora do resultado.
Minha imagem é enviada para algum lugar?
Não. A imagem é decodificada e reduzida neste navegador, e um Web Worker local executa a vetorização. O arquivo não é enviado a um servidor, e o SVG é gerado no dispositivo.
Por que meu SVG fica tão grande?
Fotos, ruído e muitas cores podem criar numerosos contornos. Reduza a paleta ou aumente a simplificação. A imagem de trabalho é limitada a 900 pixels no lado maior, e resultados de complexidade excessiva são interrompidos com uma mensagem.