Compresser SVG

La taille des fichiers SVG (poids de l'image), contrairement aux bitmaps, ne dépend pas de la taille en pixels, mais dépend de la quantité de code. Pour les grandes images, les avantages du format SVG sont clairs. On peut supposer que SVG surpasse toujours les bitmaps en termes de taille de fichier, mais ce n'est pas toujours le cas. Si vous créez des sites Web, vous connaissez peut-être les fichiers SVG. Ce n'est pas un format d'image très courant, mais il est pris en charge par la plupart des navigateurs Web modernes tels que Google Chrome, Microsoft Internet Explorer et Mozilla Firefox. SVG, qui signifie Scalable Vector Graphics, est un format graphique vectoriel basé sur XML. Les fichiers SVG peuvent être optimisés pour trois choses : la taille du fichier, la vitesse de rendu et l'édition. Dans la plupart des cas, une optimisation pour l'édition est nécessaire, en particulier pour les dessins complexes.

La quantité de code SVG peut être réduite grâce à l'optimisation. Suppression des métadonnées. Après avoir enregistré dans des éditeurs graphiques (par exemple, Adobe Illustrator), le code SVG contient de nombreuses informations inutiles, dont la suppression réduira la taille du fichier et n'affectera en rien l'image. Suppression des objets inutiles. L'image peut contenir des objets inutiles ou masqués, ainsi que des balises regroupant des objets dont la suppression n'affecte pas l'image. Suppression des classes et des identifiants inutilisés. Lors de l'édition d'images vectorielles, les éditeurs graphiques peuvent ajouter des classes et des identifiants aux balises, dont la version finale de l'image n'a pas besoin. Optimisation des attributs des balises. L'utilisation fréquente d'attributs peut être remplacée par des propriétés CSS : avec un grand nombre d'éléments, cela peut réduire considérablement le poids du SVG. Suppression des nœuds inutiles. Chaque point d'une image vectorielle se reflète dans le volume du code : supprimer les nœuds inutiles permettra de réduire son volume.