Image ma­tri­cielle ou image vec­to­rielle ?

En plus du texte, les images sont des éléments centraux de tout site Web. En matière de Webdesign, il existe deux dif­fé­rentes sortes d’images. Ces deux formats sont l’image ma­tri­cielle et l’image vec­to­rielle. Ces deux formats se dis­tin­guent fortement et pré­sen­tent des pro­prié­tés très dif­fé­rentes. Nous vous exposons dans cet article comment ces types d’il­lus­tra­tions sont cons­ti­tués et dans quels domaines d’ap­pli­ca­tion ils sont utilisés.

Les images ma­tri­cielles (aussi appelées images raster ou images Bitmap, per­met­tent un rendu très détaillé. Elles sont plei­ne­ment adaptées au domaine de la pho­to­gra­phie et per­met­tent de re­pré­sen­ter également des dessins, des cartes ou des schémas. Cette technique est avant tout utilisée par les scanners ou les appareils photos nu­mé­riques, car les images Bitmap sont composées d’un nombre précis de pixels. Par con­sé­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é­so­lu­tion de l’image est élevée et plus le fichier sera vo­lu­mi­neux. Mais cette in­ter­dé­pen­dance entre qualité de l’image et nombre de points par pouce résulte dans une dif­fi­culté à augmenter la dé­fi­ni­tion d’une image ma­tri­cielle sans perte visible de qualité.

Les images vec­to­rielles se dis­tin­guent des images raster car ce sont des re­pré­sen­ta­tions d’identités géo­mé­triques, par exemple des rec­tangles, des segments ou des cercles. Les logiciels les plus modernes peuvent également re­pro­duire à l’identique dif­fé­rents effets de couleurs ou de trans­pa­rence. Les entités ma­thé­ma­tiques des images vec­to­rielles per­met­tent plus fa­ci­le­ment des trans­for­ma­tions d’ordre géo­mé­trique. Elles ne sont pas composées d’une trame de pixels, à l’inverse des images Bitmap, mais l’or­di­na­teur sera en mesure de calculer les formes géo­mé­triques à l’aide de la carte graphique. Le pro­ces­seur peut iden­ti­fier par exemple le fait qu’un cercle comporte un rayon, une couleur ou une taille précise.

C’est le grand avantage des images vec­to­rielles par rapport aux images Bitmap : elles peuvent être librement re­di­men­sion­nées sans perte de qualité. Elles sont ex­ten­sibles, car il suffit pour le pro­ces­seur de re­cal­cu­ler les di­men­sions de chaque objet géo­mé­trique ainsi que ses zones de couleur sans pertes d'in­for­ma­tions. En effet, chaque élément a une place pré­dé­fi­nie afin d’empêcher la dé­for­ma­tion de l’image. De plus, ces fichiers sont peu vo­lu­mi­neux.

Il existe une multitude de logiciels gra­phiques pour la création et le trai­te­ment d’images Bitmap qui sup­por­tent dif­fé­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 gra­phiques qui sont adaptés aux formats d’images ma­tri­cielles et vec­to­rielles.

Les images vec­to­rielles sont par­ti­cu­liè­re­ment adaptées entre autres aux dia­grammes, logos, figures géo­mé­triques et icônes car elles peuvent être re­di­men­sion­nées sans déplorer de perte de qualité. Ce n’est pas le cas des images plus complexes comme les photos nu­mé­riques qui re­pré­sen­tent des paysages ou autres images com­pre­nant de nombreux con­trastes. Les images Bitmap ont une ré­so­lu­tion moins élevée dès lors qu’elles sont re­di­men­sion­nées.