Comprimir SVG - Reduzir o tamanho do SVG

Comprima arquivos SVG para reduzir o tamanho, muitas vezes pela metade ou mais, removendo o lixo do editor e minificando o código. Um compressor de SVG privado e no navegador está a caminho. Veja como reduzir o seu hoje.

70%
Solte aqui seus arquivos .svg!

Imagens ilimitadas, sem limite de tamanho.

    0
    Solte arquivos na caixa para começar!

    comprimir arquivos SVG

    • Motor de compressão de imagens ilimitado

      Sem limites

      Como a compressão acontece no navegador, não há limites de quantas imagens você pode converter nem do tamanho de cada imagem.

    • Comprimir imagem com privacidade

      100% privado

      Como nenhuma imagem é enviada a servidores, suas imagens ficam totalmente seguras e privadas: ninguém mais pode vê-las.

    • Baixa pegada de carbono

      Baixa pegada de carbono

      Como nenhum servidor participa do processo de compressão, nenhuma eletricidade extra é usada e, portanto, nenhum carbono é emitido.

    Como comprimir SVG

    1. 1

      Remova os metadados do editor

      SVGs exportados de ferramentas de design carregam comentários, metadados do editor e elementos ocultos. Só limpar isso já costuma reduzir o tamanho do arquivo em 30 a 50 por cento sem nenhuma mudança visível.

    2. 2

      Simplifique caminhos e precisão

      Arredonde a precisão das coordenadas e mescle caminhos redundantes. A maioria dos SVGs fica perfeitamente nítida sem dez casas decimais em cada ponto, e enxugar isso reduz mais o arquivo.

    3. 3

      Minifique e use gzip

      Elimine os espaços em branco e encurte os valores de atributos, depois sirva o arquivo com gzip ou Brotli. SVG é texto puro, então comprime muito bem na transferência.

    Por que arquivos SVG são maiores do que precisam ser

    SVG é um formato vetorial baseado em texto, o que o torna maravilhosamente pequeno para logos e ícones. O problema é que as ferramentas de design raramente exportam um arquivo limpo. Uma exportação bruta costuma carregar:

    • Metadados do editor, comentários e lixo de namespace
    • Elementos e definições ocultos ou não usados
    • Precisão de coordenadas muito além do que o navegador renderiza
    • Atributos longos, repetidos e verbosos

    Limpar tudo isso muitas vezes reduz o tamanho de um SVG pela metade sem nenhuma mudança visível.

    Como comprimir um arquivo SVG

    Como o SVG é código, a compressão se resume a remover o que o navegador nunca lê:

    1. Limpe os metadados. Descarte comentários do editor, títulos e camadas ocultas.
    2. Reduza a precisão. Arredonde coordenadas decimais longas para um número sensato de casas.
    3. Minifique. Elimine os espaços em branco e encurte os valores de atributos.
    4. Comprima na transferência. Sirva o SVG com gzip ou Brotli. Como texto, ele comprime de 60 a 80 por cento.

    Um compressor de SVG privado está a caminho

    Estamos construindo um compressor de SVG que roda inteiramente no seu navegador, sem envios e sem limites, assim como o resto do CompressImage.io. Até ele chegar, os passos acima vão reduzir significativamente a maioria dos arquivos SVG.

    Trabalhando com imagens raster? Experimente o compressor de PNG, o conversor para WebP ou o otimizador de imagens tudo em um.

    Perguntas frequentes

    Como reduzir o tamanho de um arquivo SVG?

    Remova os metadados do editor e os elementos ocultos, diminua a precisão das coordenadas, mescle caminhos redundantes e minifique o código. Como o SVG é texto, servi-lo com compressão gzip ou Brotli faz uma grande diferença adicional além disso.

    Por que meu arquivo SVG é tão grande?

    SVGs exportados do Illustrator, Figma ou Sketch costumam incluir comentários, metadados, definições não usadas e muito mais precisão de coordenadas do que precisam. Esse excesso pode dobrar ou triplicar o tamanho do arquivo sem nenhum benefício visual.

    Comprimir um SVG reduz a qualidade?

    Não. SVG é um formato vetorial, então permanece nítido em qualquer tamanho. A compressão só remove o excesso invisível, como metadados, espaços em branco e precisão exagerada, então a imagem renderizada fica igual.

    Devo usar SVG ou PNG?

    Use SVG para logos, ícones e ilustrações planas. Ele é minúsculo, escala sem limite e permanece nítido. Use PNG para imagens raster complexas, e JPEG ou WebP para fotos.

    O CompressImage.io vai comprimir SVGs?

    Sim. Um compressor de SVG baseado no navegador está em desenvolvimento. Como o resto das nossas ferramentas, ele vai rodar inteiramente no seu navegador, sem envios e sem limite de tamanho de arquivo.

    Ferramentas relacionadas