Comprendre les 10 principaux formats d’image

Là, on sent bien que n’avez pas forcément le décodeur pour vous exécuter ! Pas de panique, petit glossaire rapide des formats d’images les plus utilisés pour l’impression et pour le web.

Commençons par éclaircir PPP (DPI en anglais) !

Cela signifie « pixel par pouce » et c’est une unité de mesure de la résolution (ou définition) d’une image. Elle est essentielle pour déterminer si la densité des pixels d’une image numérique est adaptée à son application. Les points par pouce sont plus généralement utilisés pour l’impression.
La première chose à prendre en compte pour déterminer le nombre de ppp ou dpi nécessaire pour votre image, c’est ce que vous allez en faire : l’imprimer sur papier ou l’afficher en ligne.
72 dpi suffisent pour une utilisation web mais pour une impression d’image dans un catalogue, préférez 300 dpi minimum.

Image vectorielle ou matricielle ? Une image vectorielle est redimensionnable sans perte de qualité, contrairement à une image matricielle. À l’inverse des images matricielles qui sont constituées de pixels, les images vectorielles sont des images numériques, c’est-à-dire générées de manière informatique, et qui se composent d’objets géométriques individuels. Par exemple, un logo est généralement une image vectorielle.

Et la compression d’image ?
La compression d’image est le processus d’encodage ou de conversion d’un fichier image de telle manière qu’il consomme moins d’espace que le fichier d’origine. Cette technique permet de réduire la taille d’un fichier image sans affecter ou dégrader davantage sa qualité. On peut réduire ses images sur des logiciels de PAO (Publication Assistée par Ordinateur, outils des professionnels du design) ou via des applications web.

Voici quelques outils en ligne gratuit : Tinypng.com , Reduceimages.com, Iloveimg 

Utilisation : Le format tiff est utilisé pour les photos dans la réalisation de flyers, brochures ou affiches.

✅ Avantage : Format non compressé, ce qui permet de garder une bonne qualité d’impression, peu importe le nombre de fois que la photo sera modifiée.

❌ Inconvénient : C’est un format très lourd. Il est fortement déconseillé de l’utiliser pour le web.

Utilisation : Format utilisé pour la retouche de photos car il s’agit du nom de fichier source Photoshop. Il fonctionne avec un système de calques (de “couches” quoi !).

✅ Avantage : Vous pouvez modifier la couleur, le contraste, la luminosité de vos images, voire même cacher ou mettre en avant certains éléments !

❌ Inconvénient : Fichier bien trop lourd pour être importé comme photo.

Utilisation : C’est le format des designers par excellence. Il est utilisé pour la création de logos ou de pictogrammes. Ici les images sont vectorisées. Elles peuvent être traitées aussi bien pour l’impression que pour le web !

✅ Avantage : Vous pouvez créer toutes les formes et textures que vous souhaitez. Et même imaginer concevoir votre propre typographie !

❌ Inconvénient : Souvent réservé aux professionnels tels que les graphistes.

Utilisation : C’est un format utilisé pour des impressions en très haute qualité. Il est mis en place pour garder toutes les caractéristiques vectorielles du fichier source.

✅ Avantage : Ce format peut se convertir facilement, mais surtout il peut s’ouvrir sur plusieurs logiciels.

❌ Inconvénient : Ce format de fichier est très lourd dû à sa haute définition. Il est essentiellement utilisé par les imprimeurs.

Utilisation : Le format JPEG est l’un des formats d’image les plus utilisés sur le web.

✅ Avantage : Sa compression et son support universel qui permet d’être lu et ouvert par la plupart des applications. C’est un bon choix pour les images de vos réseaux sociaux, votre blog ou de vos produits par exemple.

❌ Inconvénient : Les images ne peuvent pas être agrandies sous peine d’être pixellisées et donc floues. Cela est dû à la perte de qualité durant la compression de l’image.

Utilisation : Ce format est un choix très populaire pour les infographies, les bannières, et plus généralement, les designs incluant à la fois des images et du texte.

✅ Avantage : Le format PNG offre une bien meilleure définition que celui du JPEG. Le grand avantage c’est qu’il conserve la transparence et les pertes minimales liées à la compression.

❌ Inconvénient : Ne l’utilisez pas pour les photos en haute résolution, car cela créera des fichiers volumineux. Ce n’est pas idéal pour travailler avec des images particulièrement riches en couleurs.

Utilisation : Le format GIF est le plus célèbre et en l’occurrence le plus utilisé pour les images animées.

✅ Avantage : La taille des fichiers en .gif est souvent faible donc très facilement partageable !

❌ Inconvénient : Pour ce qui est de la qualité, le format GIF est limité à 8 bits (256) couleurs, ce qui peut donner un aspect granuleux ou trop compressé à vos images.

Utilisation : Si vous accordez une grande importance à la vitesse de chargement de votre site, choisissez le format WebP développé par Google.

✅ Avantage : La compression de l’image conserve la netteté de l’image originale et réduit considérablement la taille du fichier. Cela signifie une moindre consommation de données et des téléchargements plus rapides.

❌ Inconvénient : Seul bémol à son utilisation, le navigateur Safari développé par Apple reste à ce jour incompatible (de même qu’Internet Explorer… mais connaissez-vous une personne qui l’utilise encore ? 😅)

Utilisation : C’est un format d’image qui permet d’afficher du contenu graphique sous forme de code XML et non de tracé. C’est idéal pour les logos, les icônes et les illustrations car il offre la qualité graphique la plus nette par rapport aux formats PNG et JPG.

✅ Avantage : Il n’utilise pas de pixels, ce qui permet de maintenir une très haute qualité d’image que vous augmentiez ou diminuiez l’échelle.

❌ Inconvénient : Comme le format WebP, le SVG peut rencontrer des problèmes de compatibilité avec certains navigateurs.

Désormais vous savez quel format sera le plus adéquat pour vos projets web ou d’édition. N’hésitez pas à choisir également en fonction de ceux que vous pouvez générer avec vos différents outils.

Canva et Photoshop ne vont pas vous proposer les mêmes options 😉

Reste à voir celui que vous pouvez générer avec vos différents outils ! Et si vous avez un doute, laissez-nous un commentaire et nous nous ferons un plaisir de vous aider !