Otimizador e limpador de SVG

SVGs exportados do Illustrator, Inkscape, Figma ou Sketch costumam trazer muita coisa que o navegador nunca usa: declarações XML, DOCTYPE, comentários do editor, blocos metadata e atributos com namespace, como sodipodi e inkscape, que só o aplicativo original entende. Em um ícone isso pode ser poucos KB, mas com dezenas de ícones no site ou SVGs embutidos direto no HTML, o excesso atrasa o carregamento e deixa o código difícil de ler.

A ferramenta oferece cinco opções de limpeza que podem ser ativadas separadamente: remover comentários; remover a declaração XML e o DOCTYPE; remover metadata e elementos exclusivos de editores, como sodipodi e inkscape; remover atributos de editor e declarações de namespace não usadas; e comprimir espaços entre tags e espaços repetidos. Depois ela mostra lado a lado a prévia original e a otimizada, com os tamanhos e a porcentagem economizada, para você conferir antes de copiar o código ou baixar um novo arquivo .svg.

A ferramenta faz uma limpeza de texto conservadora: não reescreve dados de caminho, não arredonda coordenadas nem mescla formas, então a aparência quase não muda; em troca, a economia costuma ser menor que a de ferramentas como o SVGO, que reescrevem caminhos. Declarações de namespace só são removidas quando não são usadas: se o arquivo ainda contém xlink:href, xmlns:xlink é mantido e o .svg independente continua aparecendo corretamente. A compressão de espaços não mexe no conteúdo de <text> (incluindo os <tspan> internos), <style> e <script>, e xml:space="preserve" é mantido, então o espaçamento do texto e o CSS não mudam. Como o processamento usa expressões regulares, compare as prévias se o arquivo tiver uma marcação incomum.

Todo o processamento acontece no navegador e os arquivos nunca são enviados. Se precisar usar o gráfico em um lugar que não aceita vetores, como algumas redes sociais ou documentos do Office, converta para PNG com nosso conversor de imagens.