Esta ferramenta carrega o mecanismo oficial do SVGO para navegador somente depois que você clica em Otimizar. Ela usa o conjunto padrão de plugins, remove scripts e manipuladores de eventos para tornar o uso na web mais seguro e permite preservar IDs quando CSS, JavaScript, gradientes, máscaras ou referências externas dependem deles.
Otimizar SVG grátis
Funciona inteiramente no seu navegador - sem upload, sem cadastro.
Scripts e manipuladores de eventos são removidos
SVG original
SVG otimizado
Ctrl ou Command + Enter
Cole a marcação SVG ou escolha um arquivo para começar
Como um otimizador de SVG reduz o arquivo?
Um otimizador de SVG diminui o tamanho do arquivo vetorial ao remover metadados do editor, comentários, atributos redundantes e casas decimais desnecessárias. Cole o código ou escolha um arquivo para executar o SVGO no navegador, compare as versões original e otimizada e baixe o SVG menor sem enviar sua arte.
Como usar
- 1Adicione o SVG. Cole a marcação SVG completa, arraste um arquivo .svg do seu dispositivo para a área de upload ou carregue o exemplo.
- 2Escolha ajustes seguros. Defina a precisão numérica, mantenha o multipass ativado para reduzir mais e preserve os IDs se outro código fizer referência a eles.
- 3Otimize e compare. Execute o SVGO e confira os bytes das versões original e otimizada, além das duas visualizações.
- 4Copie ou baixe. Copie a marcação compacta ou baixe um novo arquivo .optimized.svg sem alterar a arte original.
Para quem é
- Desenvolvedores frontend reduzindo ícones, logotipos e ilustrações antes de adicioná-los a um site ou biblioteca de componentes.
- Designers removendo metadados e marcações específicas do editor em arquivos exportados do Figma, Illustrator, Sketch ou Inkscape.
- Equipes de performance medindo a economia exata de bytes UTF-8 antes de publicar arquivos vetoriais em um bundle web.
- Autores de componentes preparando marcação SVG compacta para React, Vue, Svelte ou HTML puro.
Perguntas frequentes
Este otimizador de SVG é grátis?
Sim. Você pode otimizar arquivos SVG sem conta, pagamento ou instalação. A ferramenta mostra a alteração exata em bytes UTF-8 e permite copiar ou baixar o resultado pelo navegador.
Meu SVG é enviado para um servidor?
Não. A leitura do arquivo, o processamento com SVGO, a medição de bytes e as visualizações acontecem localmente no navegador. Esta ferramenta não envia seus logotipos, ícones ou artes ainda não publicadas.
Qual é o tamanho máximo do SVG?
A ferramenta aceita código SVG de até 5 MB. Esse limite mantém o processamento ágil em celulares e notebooks comuns. Ilustrações exportadas muito grandes podem funcionar melhor depois da remoção de imagens rasterizadas incorporadas ou da divisão da arte em arquivos menores.
A otimização pode mudar a aparência do SVG?
O SVGO foi criado para preservar a renderização enquanto remove dados redundantes, mas um arredondamento numérico agressivo ou a limpeza de IDs pode afetar arquivos complexos. Compare as duas visualizações e teste o SVG otimizado no contexto real antes de substituir um arquivo em produção.
O que a precisão decimal altera?
A precisão decimal define quantas casas o SVGO mantém em coordenadas, transformações e outros valores numéricos. Valores menores costumam economizar mais bytes, mas podem deslocar detalhes em artes muito precisas ou grandes. Três casas são um bom padrão para a maioria dos ícones e ilustrações web.
Devo preservar os IDs do SVG?
Preserve os IDs quando CSS, JavaScript, atributos aria, gradientes, máscaras, filtros ou documentos externos fizerem referência a eles. Em arquivos decorativos e independentes, você pode desativar essa opção para o SVGO remover ou encurtar identificadores sem uso.
O otimizador remove scripts dos arquivos SVG?
Sim. O processo remove elementos script, atributos de manipuladores de eventos e links JavaScript. Isso deixa arquivos exportados mais seguros para o uso comum como imagem na web, mas torna a ferramenta inadequada para aplicações SVG que dependem de scripts.
Para que serve a otimização multipass?
O multipass permite que o SVGO processe o resultado novamente enquanto cada passagem conseguir reduzi-lo. Algumas transformações abrem novas oportunidades de limpeza para a passagem seguinte. O ganho costuma ser pequeno, pois a primeira passagem produz a maior parte da economia.