Vetoriza um logo, ícone ou desenho em PNG com 2 a 32 cores. Menos cores dão arquivos mais limpos e leves; detalhe e suavização controlam o quanto as curvas seguem os pixels. Remova a cor de fundo para ter um SVG transparente, compare original e resultado lado a lado e baixe um arquivo que escala sem borrar.
Como usar
- Abra um SVG, solte-o na prévia ou cole o código. Um exemplo já vem carregado.
- Otimizar: escolha quantas casas decimais manter e quais limpezas aplicar. O tamanho antes e depois aparece; copie o código, um data URI ou uma linha CSS, ou baixe o arquivo.
- Para PNG: defina a largura ou a altura (ou toque em 2×, 4×, 1024…), escolha PNG, JPG ou WebP e um fundo, e baixe.
- Vetorizar: solte um PNG ou JPG, escolha o número de cores e o detalhe e baixe o SVG.
- Código: edite o código e veja a prévia mudar enquanto digita.
- O otimizador nunca muda a largura, a altura nem o viewBox do SVG, mantém os IDs usados e arredonda os caminhos sem desvios. Confira arquivos complexos na prévia antes de substituir o original.
- Duas casas decimais bastam para a maioria dos ícones; use 3–4 em desenhos técnicos grandes.
- A vetorização funciona melhor com logos, ícones e artes chapadas. Fotos viram muitas formas grandes; use menos cores para um efeito pôster.
- Os arquivos são processados no navegador. Scripts dentro de um SVG nunca rodam aqui: as prévias são mostradas como imagens.
Por que arquivos SVG ficam grandes
Programas de design exportam muito mais que o desenho: metadados do editor, comentários, IDs e definições sem uso, grupos vazios, atributos com valor padrão e coordenadas com seis casas decimais ou mais. Num ícone típico, esse excesso pode ser a maior parte do arquivo. O otimizador remove tudo isso, arredonda os caminhos na precisão escolhida e junta grupos inúteis, sem nunca mexer na largura, altura ou viewBox raiz e mantendo os IDs referenciados.
Duas casas decimais são seguras para a maioria dos ícones e logos em tela; desenhos técnicos grandes podem precisar de três ou quatro. Compare sempre a prévia antes de substituir o original, principalmente com máscaras, filtros ou fontes embutidas.
Vetor ou bitmap
SVG descreve formas, então fica nítido em qualquer tamanho e costuma ser minúsculo para ícones, logos e diagramas; fotos ficam melhores em JPG, PNG ou WebP. Quando uma plataforma exige bitmap, como ícone de loja de apps, favicon PNG ou imagem para redes sociais, exporte no tamanho exato: um viewBox de 24 × 24 renderizado em 1024 px fica nítido porque o vetor é redesenhado, não esticado. JPG não tem transparência, então escolha uma cor de fundo.
Vetorização e data URIs
A vetorização funciona melhor em artes chapadas com poucas cores e bordas nítidas, como logos, ícones, assinaturas e desenhos de linha; uma foto vira muitas formas grandes. Para ícones pequenos no CSS, uma data URI codificada como URL costuma ser menor que Base64, porque SVG é texto e o Base64 acrescenta cerca de 33%.
Perguntas frequentes
Otimizar muda a aparência do meu SVG?
Não deveria. O otimizador mantém o viewBox e os IDs referenciados e arredonda as coordenadas na precisão definida. Se um arquivo complexo se deslocar um pouco, aumente as casas decimais e compare de novo na prévia.
Como converto SVG para PNG em alta resolução?
Abra o SVG, vá em Para PNG e defina largura ou altura, ou toque em 2×, 4× ou num tamanho como 1024. A imagem é redesenhada do vetor nesse tamanho, até 8192 px, e fica nítida.
Dá para converter PNG ou JPG em SVG vetorial de verdade?
Sim, por vetorização: a ferramenta encontra áreas de cor parecida e as transforma em caminhos. Logos e ícones com poucas cores ficam bons; fotos geram arquivos grandes com aspecto posterizado.
Uso data URI em Base64 ou codificada como URL?
Para SVG, a codificada como URL costuma ser menor e continua legível, porque o Base64 aumenta o texto em cerca de um terço. Base64 só é necessário quando alguma ferramenta exige.
É seguro abrir aqui um SVG de origem desconhecida?
Sim. SVGs podem conter scripts, mas aqui as prévias são exibidas como imagens, que o navegador desenha sem rodar scripts, e nada é enviado.
O conversor mantém a transparência?
PNG e WebP mantêm as áreas transparentes, a menos que você escolha uma cor de fundo. JPG não guarda transparência, então essas áreas são preenchidas de branco ou da cor escolhida.