Les avantages du format SVG

Par le
Les avantages du format SVG

L’un des principaux avantages de ce format et que l’on peut redimensionner une image sans aucune perte de qualité contrairement à une image jpeg ou png par exemple.

Qu'est-ce que le format SVG ?

Le SVG (Scalable Vector Graphic) est un format d'image composé de formes géométriques vectorielles. Pour faire simple, il s'agit d'une image que l'on peut agrandir ou rétrécir sans aucune perte de qualité. Cette technologie est exploitable à la fois depuis un logiciel de conception graphique tel que Inkscape ou Adobe Illustrator mais aussi en langage Web car il utilise une syntaxe XML.

La force du SVG

Les avantages du SVG résident dans sa qualité, son poids et sa personnalisation.

Qualité

Contrairement à une image classique (pixel), il est possible de redimensionner l’image vectorielle sans se soucier de sa qualité. Par exemple, on peut redéfinir la dimension d’une icône SVG en fonction du support utilisé (smartphone, tablette, bureau) ou plus simplement l’agrandir au survol de la souris pour ajouter de l’interactivité à son site.

Poids

L’image est encodée en une suite de caractère ce qui lui confère un poids nettement inférieure à une image classique. Par ailleurs, le poids total d’un site et son temps de chargement est un facteur important en SEO (référencement web). Réunir les images SVG en un seul fichier (sprites) est également une astuce pour réduire le nombre de requête http.

Personnalisation

Par le biais des feuilles de styles (langage CSS), il est possible de modifier l’aspect d’une image SVG (couleurs, dimensions, ...) et de réaliser des transformations (rotations, transitions, animations ...).

Un format d’avenir ?

SVG est supporté sur tous les navigateurs modernes et jusqu’à la version 9 d’Internet Explorer. Pour garantir la rétro-compatibilité, il est possible d’utiliser des plugins Javascript tels que SVG Web.

Au vu ses caractéristiques plus que positives, il est fort probable que le SVG devienne un format phare dans un futur proche.

avantages, format, SVG