Documentação · Assets
Voltar à ferramentaVetorizador PNG para SVG
Converta PNG, JPG ou WebP em um SVG vetorial direto no navegador. A imagem é lida, pré-processada e traçada no seu dispositivo — nada é enviado para um servidor.
Todo o processamento acontece localmente, no seu navegador (em um Web Worker). A imagem nunca sai do dispositivo.
O que a vetorização faz bem (e o que não)
Vetorizar é traçar contornos de cor sobre os pixels — não é uma conversão exata.
- Ótima para logos, ícones, símbolos e ilustrações chapadas, com poucas cores e bordas definidas.
- Ruim para fotos e imagens com gradientes, texturas ou muitos detalhes: o resultado fica pesado e sem fidelidade.
Como usar
- Envie um arquivo (arrastar, selecionar) ou cole uma imagem da área de transferência.
- Ajuste o pré-processamento e os parâmetros de traço; o preview atualiza sozinho.
- Baixe ou copie o SVG.
Quando a ferramenta detecta um fundo sólido dominante, ela sugere ativar a remoção de fundo — você pode aceitar ou dispensar.
Pré-processamento
Antes do traço, a imagem passa por ajustes que ajudam a limpar a fonte:
| Controle | O que faz |
|---|---|
| Escala (1× / 2× / 4×) | Amplia a imagem antes de traçar — útil para fontes pequenas ou pixeladas. |
| Remoção de fundo | Torna transparente um fundo branco, preto ou automático (cor dominante detectada). |
| Modo | Colorido (várias cores) ou Monocromático (preto e branco por threshold). |
| Brilho / Contraste | Realça a separação entre a figura e o fundo. |
| Nitidez / Desfoque / Redução de ruído | Suavizam ou reforçam bordas antes do traço. |
| Quantização de cores | Limita a paleta (2 a 64 cores) para paths mais limpos; Original mantém as cores. |
No modo monocromático, o threshold (0–255) define o corte entre preto e branco.
Traço e caminhos
Os parâmetros abaixo controlam como os contornos viram paths de SVG:
| Controle | O que faz |
|---|---|
| Caminhos | Curvas (splines suaves), Polígonos (retas) ou Pixels (blocos fiéis). |
| Sensibilidade de cantos | Quão facilmente uma curva vira um canto vivo. |
| Simplificação de curvas | Reduz nós, deixando o path mais leve. |
| Precisão dos caminhos | Casas decimais das coordenadas — mais precisão, arquivo maior. |
| Área mínima / speckles | Descarta manchas menores que o valor, removendo ruído do traço. |
As estatísticas mostram dimensões, cores estimadas, tamanho do SVG, número de paths e nós, e a redução em relação ao original.
Formatos e limites
- Entrada: PNG, JPG e WebP, até 8 MB.
- Dimensão máxima da fonte: 4096 px por lado.
- Saída: sempre SVG.
Tecnologia utilizada
- VTracer (via WebAssembly) faz o traço do bitmap: agrupa regiões de cor e ajusta curvas.
- SVGO otimiza o SVG resultante, removendo dados redundantes.
- O pré-processamento raster (brilho, contraste, desfoque, nitidez, quantização, threshold e remoção de fundo) roda no próprio navegador.