Ferramentas de SVG gratuitas num só lugar: um otimizador de SVG que tira o lixo do editor e arredonda números, um conversor de SVG para PNG, JPG ou WebP em qualquer tamanho até 8192 px, um vetorizador que transforma PNG ou JPG em SVG, um codificador de data URI e um editor de código com prévia ao vivo. Os arquivos são processados no navegador e nunca enviados.
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.