Comprimir SVG

O tamanho dos arquivos SVG (peso da imagem), ao contrário dos bitmaps, não depende do tamanho em pixels, mas depende da quantidade de código. Para imagens grandes, os benefícios do formato SVG são claros. Pode-se presumir que o SVG sempre supera os bitmaps em termos de tamanho de arquivo, mas nem sempre é o caso. Se você estiver criando sites, deve estar familiarizado com os arquivos SVG. Não é um formato de imagem muito comum, mas é compatível com a maioria dos navegadores modernos, como Google Chrome, Microsoft Internet Explorer e Mozilla Firefox. SVG, que significa Scalable Vector Graphics, é um formato de gráfico vetorial baseado em XML. Os arquivos SVG podem ser otimizados para três coisas: tamanho do arquivo, velocidade de renderização e edição. Na maioria dos casos, a otimização para edição é necessária - especialmente para desenhos complexos.

A quantidade de código SVG pode ser reduzida por meio da otimização. Removendo metadados. Depois de salvar em editores gráficos (por exemplo, Adobe Illustrator), o código SVG contém muitas informações desnecessárias, cuja remoção reduzirá o tamanho do arquivo e em nada afetará a imagem. Removendo objetos desnecessários. A imagem pode conter objetos desnecessários ou ocultos, bem como tags que agrupam objetos, cuja remoção não afeta a imagem. Removendo classes e identificadores não utilizados. Ao editar imagens vetoriais, os editores gráficos podem adicionar classes e identificadores às tags, que a versão final da imagem não precisa. Otimização de atributos de tag. O uso frequente de atributos pode ser substituído por propriedades CSS: com um grande número de elementos, isso pode reduzir significativamente o peso do SVG. Removendo nós desnecessários. Cada ponto em uma imagem vetorial é refletido no volume do código: a remoção de nós desnecessários ajudará a reduzir seu volume.