Otimizador e compressor de SVG
Os SVG exportados por editores de design costumam trazer metadados, comentários e coordenadas com decimais demais. Cole o código ou envie seus arquivos e o SVGO os limpa na hora: você vê quanto pesam antes e depois, com uma pré-visualização dos dois. Tudo acontece no seu navegador.
Processado 100% no seu navegador
Ctrl + Enter executarCtrl + C copiar resultado
Como usar
- 1Cole o código SVG ou arraste um ou vários arquivos .svg.
- 2Ajuste as opções: decimais, várias passagens, viewBox, ids e dimensões.
- 3Compare o tamanho e a pré-visualização do original e do otimizado.
- 4Copie o código ou baixe o SVG (ou todos em um ZIP).
Casos de uso
- Reduzir o peso dos ícones e logotipos de um site para que carregue mais rápido.
- Limpar o SVG exportado do Figma, Illustrator ou Inkscape antes de incorporá-lo.
- Preparar ilustrações para um app ou uma biblioteca de componentes.
- Remover dimensões fixas para que o SVG se adapte ao seu contêiner.
Perguntas frequentes
Quanto um SVG diminui?
Depende do arquivo: os SVG exportados de editores costumam diminuir de 30 % a 70 %. A ferramenta mostra a economia exata.
A otimização estraga a imagem?
Com os ajustes padrão não se vê mudança. Se reduzir muito os decimais, formas bem pequenas podem se deformar: compare sempre com a pré-visualização.
Por que manter o viewBox?
O viewBox permite escalar o SVG com CSS. Sem ele, o SVG não se adapta ao contêiner, por isso é mantido por padrão.
Para que serve manter os ids?
Se seu CSS, seu JavaScript ou um `<use>` referenciam identificadores do SVG, a otimização os renomearia e quebraria esses vínculos.
Meus arquivos são enviados?
Não. O SVGO roda no seu navegador e os arquivos não saem do seu dispositivo.