Otimizar SVG
Escolha os arquivos SVG ou cole o código. A ferramenta limpa o que o navegador não usa, mostra quanto diminuiu e a prévia antes e depois.
Como usarDeixe o SVG mais leve
Otimizar SVG: para que serve
Escolha um ou vários SVGs ou cole o código. A ferramenta remove comentários, declaração XML, metadados, dados do Inkscape, Sodipodi e Illustrator, grupos vazios e espaços, apaga ids que não são usados e arredonda as coordenadas para 0 a 3 casas decimais. Title e desc podem ser mantidos para acessibilidade.
Veja o tamanho antes e depois, a prévia lado a lado e baixe um por um ou todos em .zip. Nada sai do aparelho.
Como usar
- Escolha os arquivos SVG ou cole o código.
- Escolha as casas decimais e o que remover.
- Confira a prévia e baixe os SVGs otimizados.
Quando usar
- Ícones e logos exportados do Figma e do Illustrator.
- Deixar o site mais leve.
- Limpar SVGs antes de colocar direto no HTML.
Perguntas frequentes
O que é removido?
Comentários, declaração XML, DOCTYPE, metadados, dados do Inkscape, Sodipodi e Illustrator, atributos de editor, ids não usados (opcional), grupos vazios e espaços em excesso. As coordenadas são arredondadas para o número de casas que você escolher.
Quantas casas decimais usar?
Para ícones e logos, 1 ou 2 casas costumam ser invisíveis na tela. Para desenhos muito detalhados ou pequenos com viewBox pequeno, use 3. Confira na prévia: se algo deformar, aumente as casas.
O arquivo é enviado para algum servidor?
Não. Tudo é feito no navegador; os arquivos não saem do aparelho.
É grátis mesmo?
Sim, 100% grátis. Sem cadastro, sem assinatura e sem limite de uso. Todas as ferramentas do Ferramentas123 são gratuitas e rodam direto no seu navegador.