SVG : pourquoi ?

SVG est un langage qui permet de créer une image vectorielle.
A la différence d'une image matricielle, une image vectorielle peut être agrandie sans perte de qualité.

Ci-dessous deux images représentant des "smileys". Il faut mieux dire des frimousses ...

La première image a été récupérée sur la toile. La deuxième image a été produite en quelques minutes en utilisant la première comme modèle avec un logiciel de dessin vectoriel qui s'appelle Inkscape (il y a dans ce site un tutoriel sur Inkscape).

Agrandissons ces images 3 fois (valeur de l'attribut width de la balise img est égale à 900) !

Ci-dessous image matricielle agrandie 3 fois :

Ci-dessous image vectorielle agrandie 3 fois :

Vous constatez que la netteté de l'image matricielle (ou bitmap) est très dégradée ce qui n'est pas le cas de l'image vectorielle.
Quant aux poids des images ils sont comparables : autour de 10 kilos pour chaque image.
Retour menu