1. Accueil
  2. Écoconception Web
  3. 22 - Optimiser les images vectorielles

N°22 - Optimiser les images vectorielles

Objectif
Solution technique
Les navigateurs modernes sont tous compatibles avec le format d'image vectorielle SVG (Scalable Vector Graphics). Basé sur une ensemble de vecteurs décrits en XML, les images SVG ont deux avantages indéniables. Elles peuvet être réduites et agrandies à l'infini sans dégradation de qualité. Et, elles sont la plupart du temps moins lourdes que des images bitmap. Cependant, la plupart des images SVG contiennent de nombreuses métadonnées qui ont été nécessaires à leur création. C'est par exemple le cas des informations de couche (layer), des commentaires, etc. Ces informations sont indispensables pour éditer l'image mais inutiles pour l'afficher. D'où l'idée de les supprimer pour réduire le poids des fichiers. De nombreux outils de minification et d'optimisation sont disponibles tels que Compressor.io, SVG Cleaner, SVGO, etc. Le taux de compression varie fortement selon la complexité de l'image. Mais il est toujours élevé car il s'agit de compresser du texte. En général, le poids d'une image SVG optimisée représente 25 % à 2% du poids de l'image initiale.
Moyen de controle
Crée le
23 novembre 2015

Testez et faites reconnaître vos compétences

Logo Opquast Certfied

Opquast Certified est un test sur 1000 points permettant de vérifier le degré de maîtrise des meilleures pratiques du Web

Découvrir

Retrouvez cette fiche dans « Qualité Web »

Livre Qualité Web

En savoir +

Version numérique offerte pour l’achat de la version papier