Image matricielle ou image vectorielle ?

En plus du texte, les images sont des éléments centraux de tout site Web. En matière de Webdesign, il existe deux différentes sortes d’images. Ces deux formats sont l’image matricielle et l’image vectorielle. Ces deux formats se distinguent fortement et présentent des propriétés très différentes. Nous vous exposons dans cet article comment ces types d’illustrations sont constitués et dans quels domaines d’application ils sont utilisés.

Les images matricielles (aussi appelées images raster ou images Bitmap, permettent un rendu très détaillé. Elles sont pleinement adaptées au domaine de la photographie et permettent de représenter également des dessins, des cartes ou des schémas. Cette technique est avant tout utilisée par les scanners ou les appareils photos numériques, car les images Bitmap sont composées d’un nombre précis de pixels. Par conséquent, la qualité de l’image est corrélée à la quantité de pixels qu’elle comporte. Plus il y a de pixels (points par pouce, DPI), plus la résolution de l’image est élevée et plus le fichier sera volumineux. Mais cette interdépendance entre qualité de l’image et nombre de points par pouce résulte dans une difficulté à augmenter la définition d’une image matricielle sans perte visible de qualité.

Les images vectorielles se distinguent des images raster car ce sont des représentations d’identités géométriques, par exemple des rectangles, des segments ou des cercles. Les logiciels les plus modernes peuvent également reproduire à l’identique différents effets de couleurs ou de transparence. Les entités mathématiques des images vectorielles permettent plus facilement des transformations d’ordre géométrique. Elles ne sont pas composées d’une trame de pixels, à l’inverse des images Bitmap, mais l’ordinateur sera en mesure de calculer les formes géométriques à l’aide de la carte graphique. Le processeur peut identifier par exemple le fait qu’un cercle comporte un rayon, une couleur ou une taille précise.

C’est le grand avantage des images vectorielles par rapport aux images Bitmap : elles peuvent être librement redimensionnées sans perte de qualité. Elles sont extensibles, car il suffit pour le processeur de recalculer les dimensions de chaque objet géométrique ainsi que ses zones de couleur sans pertes d'informations. En effet, chaque élément a une place prédéfinie afin d’empêcher la déformation de l’image. De plus, ces fichiers sont peu volumineux.

Il existe une multitude de logiciels graphiques pour la création et le traitement d’images Bitmap qui supportent différents formats de fichiers. Le tableau ci-dessous vous expose une sélection des formats de fichiers les plus répandus ainsi que les logiciels graphiques qui sont adaptés aux formats d’images matricielles et vectorielles.

Les images vectorielles sont particulièrement adaptées entre autres aux diagrammes, logos, figures géométriques et icônes car elles peuvent être redimensionnées sans déplorer de perte de qualité. Ce n’est pas le cas des images plus complexes comme les photos numériques qui représentent des paysages ou autres images comprenant de nombreux contrastes. Les images Bitmap ont une résolution moins élevée dès lors qu’elles sont redimensionnées.