Otimizar SVG (limpar e reduzir arquivos SVG)
Cole ou envie um SVG para remover metadados, comentários e dados do editor, arredondar decimais e reduzir o arquivo, com comparação de tamanho e prévia antes e depois. Scripts e referências externas são removidos
Carregando a ferramenta…
Um SVG exportado do Inkscape ou do Illustrator carrega dados do editor, comentários e coordenadas com muitas casas decimais, por isso o arquivo é maior do que o desenho precisa. Cole o código ou solte o arquivo para remover esse excesso, ver os bytes economizados e comparar o desenho antes e depois.
Como usar
- Cole o código em "Código SVG" ou solte arquivos .svg na caixa logo abaixo.
- Escolha o que remover em "Opções". Os padrões não mudam o desenho; "Remover title e desc" e "Remover ids que nada referencia" ficam desligados até você precisar deles.
- Diminua "Casas decimais" para encurtar as coordenadas; uma ou duas casas bastam para ícones.
- Confira se "Prévia antes" e "Prévia depois" coincidem e pressione "Copiar" ou "Salvar SVG". Com vários arquivos, "Salvar tudo como ZIP" baixa todos juntos.
Como funciona
- Scripts, atributos de evento que começam com on, foreignObject e referências a endereços http ou a outros arquivos são sempre removidos, e a contagem aparece acima do resultado.
- Dados do editor são atributos e elementos com prefixos como inkscape: ou sodipodi: e declarações de namespace não usadas. A remoção de padrões só mexe em atributos como fill-opacity="1", que desenham a mesma imagem quando ausentes.
- A limpeza de números arredonda os valores de path, viewBox, points, transform e coordenadas para as casas escolhidas; não converte coordenadas nem funde formas. Tudo roda no navegador e nenhum arquivo é enviado a lugar algum.
Perguntas frequentes
- Por que um SVG é tão maior do que o desenho parece?
- Os editores guardam nível de zoom, nomes de camadas, metadados e coordenadas com seis a oito casas decimais. Em um ícone simples isso costuma ser mais da metade do arquivo, então a limpeza economiza normalmente de 40 a 70 por cento.
- O desenho pode mudar depois da limpeza?
- As opções padrão só removem itens que não afetam a renderização. Arredondar para 0 ou 1 casa pode deslocar linhas em desenhos muito pequenos, por isso compare as duas prévias.
- Por que title e desc são mantidos por padrão?
- Leitores de tela os leem para descrever a imagem. Para um SVG puramente decorativo você pode ligar "Remover title e desc".
- O resultado é igual ao do SVGO?
- Não. Ele faz apenas limpezas seguras, como remover metadados e arredondar, sem fundir caminhos, mas não precisa de instalação e o resultado pode ser conferido a olho.