Como usar o otimizador SVG
- Cole o código SVG no painel esquerdo ou carregue um arquivo
.svg. - Escolha as otimizações a aplicar.
- Clique em Melhorar: o SVG limpo aparece à direita com um relatório de economia.
- Copie o resultado ou baixe o arquivo
.svgmelhorado.
O que cada opção remove
- Comentários: blocos
<!-- ... -->deixados por ferramentas de design como Illustrator, Figma ou Sketch. Não contribuem para o resultado visual. - Metadados: tags
<metadata>e namespaces específicos do editor (xmlns:inkscape,xmlns:sodipodi). - Elementos ocultos: nós com
display:noneouvisibility:hidden. - Recolher espaços: espaços, tabulações e quebras de linha desnecessários entre tags.
- Minificar estilos inline: compacta valores de atributos style.
Por que melhorar SVGs?
SVGs exportados do Illustrator ou Inkscape contêm muito marcação útil para edição mas desnecessária para exibição. Um ícone SVG típico pode ser reduzido em 30-70 % removendo esses metadados.
Para uso em produção
Esta ferramenta é um otimizador leve do lado do cliente. Para um pipeline de build, considere o SVGO ou um plugin de bundler (Vite, Webpack).
Privacidade
Todas as otimizações ocorrem no navegador. Nenhum código SVG é enviado a qualquer servidor.