Só um minuto...(/)
Estamos otimizando suas imagens. Por favor, aguarde um momento enquanto garantimos os melhores resultados de qualidade para você.
Ótimo, comprimimos suas imagens com sucesso.
Imagens Otimizadas.
Comprimir Imagens SVG Online
Remova os metadados, mantenha o vetor: seu SVG fica exatamente igual
Otimizando...
Comprimir arquivos SVG eliminando o que o editor deixou para trás
Abra um SVG no Bloco de Notas e você verá tudo: tags, números, textos. Esse é o formato. Sem pixels, sem fotografia, apenas instruções para desenhar formas. Isso importa porque muda o significado de compressão aqui. Nada é espremido ou aproximado. O texto redundante simplesmente é removido, e o desenho permanece intacto.
De onde realmente vem o peso
Quase nada dele é a arte em si. Exporte um logotipo do Illustrator, Figma ou Inkscape e o arquivo chega carregando a papelada do editor: um comentário do gerador, um DOCTYPE que ninguém precisa desde 2008, uma declaração XML, um bloco de metadados descrevendo o documento em RDF, nomes de camadas e um bloco de estilos cheio de classes que nenhum elemento usa. Em um logotipo real que testamos, tudo isso representava cerca de dois terços do arquivo. As formas eram a menor parte.
Depois vêm os números. Os editores escrevem coordenadas com precisão total de ponto flutuante, então um retângulo que está na posição 10 e tem 180 de largura é armazenado como 10.000000 e 180.00000000. Multiplique isso por cada ponto em cada caminho e só os decimais podem pesar mais que o desenho.
Continua sendo um vetor, então não há qualidade a perder
É aqui que as pessoas se preocupam sem motivo. Um SVG não tem resolução. Ele é desenhado do zero em qualquer tamanho em que for exibido, seja um favicon de 16 pixels ou um outdoor. Remover um bloco de metadados não muda nada disso. O arquivo que você recebe de volta escala exatamente como o que você enviou, tem aparência idêntica em qualquer tamanho e continua totalmente editável no programa em que foi criado.
O que é removido
A limpeza é conservadora por padrão. Ela mira apenas elementos que não afetam a renderização.
| Removido | Mantido |
|---|---|
| Comentários do editor e strings do gerador | Toda forma, caminho e curva |
| O bloco de metadados e seus namespaces RDF | Cores, gradientes e opacidade |
| DOCTYPE e a declaração XML | Elementos de texto e fontes |
| Definições que não são referenciadas | Filtros, máscaras e caminhos de recorte em uso |
| Grupos e camadas vazios | Transformações e viewBox |
| Casas decimais em excesso nas coordenadas | Qualquer coisa que altere o que você vê |
Por que SVGs menores importam mais do que fotos menores
Um SVG normalmente é um logotipo ou ícone, ou seja, fica no cabeçalho de todas as páginas de um site e carrega antes de qualquer outra coisa. Fotos carregam depois e de forma preguiçosa. Ícones não. Cortar alguns kilobytes de um logotipo no cabeçalho vale mais para a pontuação de velocidade da página do que reduzir o mesmo tanto de uma imagem no meio do artigo, porque o cabeçalho é o que o navegador espera antes de poder exibir o conteúdo.
Uma coisa que vale a pena conferir antes de publicar
A limpeza encurta os atributos id internos do arquivo. Referências dentro do próprio SVG são atualizadas para combinar, então gradientes, máscaras e caminhos de recorte continuam funcionando e o desenho é renderizado exatamente como antes. O que ela não pode saber é sobre códigos fora do arquivo. Se seu SVG faz parte de um sprite de ícones que outras páginas usam, ou se uma folha de estilos ou script acessa um elemento pelo id, esses ganchos valem ser testados depois de trocar o arquivo. Para um logotipo simples ou ícone exportado, que é a maioria dos SVGs, não há nada a conferir.
Se o seu SVG tem uma fotografia dentro dele
Às vezes um SVG não é realmente um vetor. Coloque uma foto na prancheta do Illustrator, exporte como SVG, e a imagem será incorporada como uma longa string base64 dentro do XML. O arquivo pode ter dois megabytes com apenas uma forma. Limpar o markup não toca nesse bloco, pois não é markup. Se seu arquivo quase não encolheu e começou com uma foto dentro, é por isso, e a solução é retirar a imagem e comprimi-la como JPEG ou PNG separadamente.
Nada para configurar
Não há opções, nem nível de compressão, nem aba avançada. Envie o arquivo e receba ele limpo de volta. Vários ao mesmo tempo funcionam igual, e você pode baixá-los um a um conforme terminam ou todos juntos em um ZIP.
O que acontece com seus arquivos
Os arquivos trafegam por uma conexão criptografada, são limpos e excluídos do servidor uma hora depois. Nada é mantido, nada é usado para nenhum outro fim.
O que você recebe
- Metadados do editor, comentários do gerador, DOCTYPE e definições não usadas removidos
- Coordenadas arredondadas para uma precisão adequada em vez de nove casas decimais
- Um arquivo que ainda escala infinitamente e ainda abre no seu editor
- Renderização idêntica em qualquer tamanho, verificada em relação ao original
- Envio em lote, com downloads individuais ou de todo o conjunto em ZIP
- Sem conta, sem instalação, e arquivos excluídos do servidor uma hora depois
O que fazer depois?
Trabalhando com um logotipo que também existe como bitmap? Comprimir PNG cuida da versão transparente e Comprimir WebP da versão moderna. E se o SVG acabou tendo uma fotografia embutida, Comprimir JPG é onde essa imagem deve ir.
Perguntas frequentes
Não, e isso não é possível. Um SVG não tem pixels nem resolução. Ele é um conjunto de instruções de desenho que o navegador executa do zero em qualquer tamanho em que a imagem aparece, então é exatamente tão nítido em um celular quanto em um outdoor. Limpar o arquivo remove textos que não desenham nada, como comentários e metadados. As formas, curvas e cores permanecem intactas, então o resultado é idêntico em qualquer tamanho.
A papelada que seu editor adicionou. Illustrator, Figma e Inkscape escrevem um comentário do gerador, uma declaração XML, um DOCTYPE, um bloco de metadados em RDF, nomes de camadas e muitas vezes um bloco de estilos com classes que nada usa. Além disso, as coordenadas são salvas com precisão total, então um valor de 180 vira 180.00000000. Em um logotipo exportado típico, tudo isso soma cerca de dois terços do arquivo. O que desenha a imagem é a menor parte.
Sim. O resultado é um SVG normal, então ele abre no Illustrator, Figma, Inkscape ou qualquer editor de texto exatamente como o original. A única diferença é que parte da papelada do editor foi removida, então os nomes das camadas podem não voltar como estavam. A arte em si permanece inalterada e totalmente editável.
Dois motivos comuns. Ou ele já estava otimizado, o que acontece com SVGs exportados de ferramentas que limpam o arquivo na exportação ou arquivos que já passaram por um otimizador antes, ou o arquivo contém uma fotografia embutida. Esse segundo caso pega muita gente: colocar uma foto na prancheta do Illustrator e exportar como SVG incorpora a imagem como um bloco base64 dentro do XML. Esse bloco é dado de imagem, não marcação, então limpar o markup não altera nada nele. Se um SVG de dois megabytes quase não muda, abra em um editor de texto e procure uma string muito longa começando com data:image.
Pode, e é importante saber disso antes de publicar. A limpeza encurta os atributos id dentro do arquivo. Referências dentro do mesmo SVG são reescritas para acompanhar, então gradientes, máscaras e caminhos de recorte continuam funcionando e a imagem é renderizada exatamente como antes. Código fora do arquivo é outra história: se uma folha de estilos mira um elemento pelo id, se um JavaScript anima um nó específico ou se o arquivo faz parte de um sprite referenciado por outras páginas, teste esses casos depois de trocar o arquivo. Para um logotipo isolado ou ícone exportado, que cobre a maioria dos SVGs, não há motivo para preocupação.
Sim, e as duas técnicas funcionam juntas, não competem. Esta limpeza remove textos que não deveriam estar no arquivo. O gzip, que seu servidor web aplica ao enviar o arquivo, comprime o texto que restou. Fazer ambos é prática comum e o resultado combinado é menor do que qualquer um sozinho. Também vale conferir se seu servidor realmente está com a compressão ativada para o tipo de conteúdo image/svg+xml, pois algumas configurações padrão só cobrem HTML, CSS e JavaScript.