100 points à savoir sur…
Développement Web éco-conçu

Dans une approche durable de votre conception web, il est important de prendre en compte l'optimisation des images.
Dans ce billet, nous allons aborder les principaux types d'images.

Tout comme le texte, les images font partie intégrante d'un site web. Il existe 2 types d'images :

• L'image matricielle, également appelée image tramée ou bitmap. « C'est une image constituée d'une matrice de points colorés. C'est une juxtaposition de points formant, dans leur ensemble, une image. » Sa taille n'est caractérisée que comme un format d'impression, elle dépend principalement des possibilités techniques et matérielles d'affichage (qualité des pixels).

Dans le cas où une image matricielle est destinée à être imprimée, la notion de mesure est importante.
Notons qu'elles sont stockées dans un format graphique et que les principaux formats sont BMP, GIF, PNG, JPEG, etc.

• Une image vectorielle « est une image numérique composée d'objets géométriques individuels, chacun défini par différents attributs (forme, position, couleur, etc.) et auxquels différentes transformations peuvent être appliquées. »

En d'autres termes, elles sont stockées sous forme d'expressions mathématiques avant d'être traduites en images sur nos écrans. Sa taille est relative, tant que l'image se trouve dans un environnement adapté à son type, elle s'adapte sans perdre en qualité.
En revanche, si l'environnement n'est pas adapté (impression, fond, etc.), elle devra être transformée en image matricielle. Dans ce cas, il est indispensable d'établir une taille et d'ajuster sa résolution.
A noter que les principaux formats d'enregistrement des images vectorielles sont Postscript, PDF, Illustrator, SVG, etc.

La principale différence entre ces deux types d'images est que le format vectoriel peut être redimensionné sans perdre la qualité de l'image, contrairement au format matriciel.

Voici un exemple de ce à quoi ressemblent ces deux images :