Résolution d'Image : Pixels, PPI et DPI Expliqués

La confusion autour de la résolution est généralisée et compréhensible. Le même terme est utilisé pour décrire des choses différentes selon le contexte : l'appareil photo parle en mégapixels, Photoshop parle en PPI, l'imprimerie demande 300 DPI, et Google recommande que les images pour le web aient une « résolution suffisante pour les écrans Retina ». Chaque logiciel et chaque professionnel semble utiliser le vocabulaire différemment.

Cet article remet chaque concept à sa place, en expliquant comment ils se lient et ce qui compte vraiment dans chaque situation pratique.

Qu'est-ce qu'un pixel

Pixel est l'abréviation de picture element — élément d'image. C'est la plus petite unité d'une image numérique matricielle : un point de couleur unique, indivisible.

Une image numérique est une grille rectangulaire de pixels. Chaque pixel stocke une valeur de couleur, généralement représentée en trois canaux : rouge (R), vert (G) et bleu (B), chacun avec 256 niveaux possibles (0 à 255). Cela donne 256³ = 16,7 millions de couleurs possibles par pixel dans le modèle RGB 8 bits.

Le pixel est une unité abstraite — il n'a pas de taille physique inhérente. Un pixel n'est ni grand ni petit : c'est juste une valeur de couleur dans une grille. La taille qu'il occupe dans le monde physique dépend entièrement du contexte d'affichage ou d'impression.

Cette distinction est le cœur de toute la confusion sur la résolution : les pixels existent dans un espace abstrait, sans dimensions physiques. Quand on parle de résolution, on parle toujours de comment ces pixels abstraits sont mappés vers l'espace physique — que ce soit sur un écran ou sur du papier.

Qu'est-ce que la résolution d'image

« Résolution » est un terme à deux sens distincts qui se confondent souvent :

• Résolution comme dimensions totales en pixels : « cette image a une résolution de 3840×2160 pixels ». Ici, la résolution décrit simplement le nombre de pixels en largeur et hauteur. Une image « haute résolution » dans ce sens a beaucoup de pixels — plus de détail, plus de capacité à être agrandie ou imprimée en grand.
• Résolution comme densité : « cette image a 300 DPI ». Ici, la résolution décrit combien de pixels (ou points) tiennent dans une unité de longueur physique. C'est la relation entre l'espace numérique (pixels) et l'espace physique (centimètres, pouces).

Le premier sens — dimensions totales en pixels — est ce qui détermine la qualité et la « taille » d'une image numérique. Le second — densité — n'a de sens que quand l'image doit être mappée à une taille physique, comme à l'impression.

Qu'est-ce que le PPI — Pixels Per Inch

PPI signifie pixels par pouce (pixels per inch). C'est la mesure de densité de pixels sur un écran ou dans une image numérique. Elle décrit combien de pixels existent dans chaque pouce linéaire de longueur.

Un moniteur Full HD de 24 pouces a une résolution de 1920×1080 pixels. L'écran a environ 21,5 pouces de largeur physique. Donc : 1920 ÷ 21,5 ≈ 89 PPI. Chaque pouce de l'écran contient 89 pixels.

Un iPhone 15 Pro a un écran de 6,1 pouces avec une résolution de 2556×1179 pixels. Largeur physique : 2,82 pouces. Donc : 2556 ÷ 2,82 ≈ 460 PPI — plus de 5 fois la densité du moniteur conventionnel.

Le PPI d'un écran détermine la netteté : plus le PPI est élevé, plus les pixels individuels sont petits, plus difficiles à distinguer à l'œil nu et plus nette l'image paraît. L'« écran Retina » d'Apple a été nommé ainsi car, à la distance normale d'usage, l'œil humain ne peut pas distinguer de pixels individuels au-delà de 300 PPI.

Qu'est-ce que le DPI — Dots Per Inch

DPI signifie points par pouce (dots per inch). À l'origine, le terme se réfère à la densité de points d'encre qu'une imprimante dépose sur le papier. Une imprimante à 600 DPI place 600 points d'encre sur chaque pouce linéaire de papier.

Dans l'usage courant du design graphique, DPI et PPI sont utilisés comme synonymes pour décrire la densité de pixels d'une image destinée à l'impression. Quand une imprimerie demande « un fichier en 300 DPI », elle demande que l'image ait 300 pixels par pouce de la taille d'impression finale.

La relation entre pixels, PPI/DPI et taille physique

Voici l'équation centrale qui explique tout :

Taille physique (pouces) = Pixels totaux ÷ Densité (DPI ou PPI)

Exemples avec la même image de 3000 pixels de large :

Remarquez que l'image ne change pas — les 3000 pixels sont les mêmes dans tous les cas. Ce qui change, c'est comment ces pixels sont répartis dans l'espace physique. À 300 DPI, chaque pixel occupe 1/300 de pouce. À 72 DPI, le même pixel occupe 1/72 de pouce — plus de 4 fois plus grand. C'est pourquoi l'image imprimée à 72 DPI paraît « pixelisée » : chaque pixel est assez grand pour être vu individuellement.

Que sont les mégapixels

Mégapixel signifie 1 million de pixels. Un appareil photo de 12 mégapixels produit des images d'environ 12 millions de pixels. La résolution typique de 12 MP est 4032×3024 pixels — et 4032 × 3024 = 12 192 768 pixels, ce qui arrondi donne les « 12 mégapixels » annoncés.

La conclusion pratique : tout smartphone moderne (12 MP ou plus) a une résolution plus que suffisante pour l'impression en A4 à 300 DPI. La caméra du mobile n'est pas le facteur limitant pour les formats conventionnels.

Pourquoi « 72 DPI » est devenu associé à « pour le web »

C'est l'une des conventions les plus anciennes et les plus mal comprises du design numérique. L'origine est historique : dans les années 1980, les premiers moniteurs Macintosh avaient environ 72 pixels par pouce. Le système d'Apple utilisait 72 PPI comme référence car cela facilitait la correspondance entre écran et impression : 1 point typographique = 1/72 de pouce. Photoshop a adopté 72 PPI comme standard pour les documents d'écran, et la convention est restée.

Les moniteurs contemporains ont des densités de 90 à 140 PPI. Les iPhones modernes atteignent 460 PPI. La valeur 72 PPI est complètement dépassée comme descripteur d'écrans.

L'implication la plus importante : la valeur de DPI dans les métadonnées d'une image numérique n'a aucun effet sur l'affichage à l'écran. Une image de 1200×800px avec la métadonnée « 72 DPI » et une autre avec « 300 DPI » s'affichent de façon identique dans le navigateur — car le navigateur ignore cette métadonnée et affiche un pixel du fichier comme un pixel de l'écran. La métadonnée de DPI ne compte que quand l'image est ouverte dans un logiciel qui va l'imprimer.

Écrans Retina et le facteur @2x

Apple a lancé les écrans Retina sur l'iPhone 4 (2010) avec 326 PPI — environ le double du PPI des moniteurs de l'époque. La solution adoptée fut le pixel logique vs pixel physique :

• Pixel logique (CSS pixel) : l'unité utilisée dans le code. Une image déclarée avec width: 300px en CSS occupe 300 pixels logiques.
• Pixel physique : le point réel de l'écran. Sur un écran Retina @2x, chaque pixel logique est rendu par 4 pixels physiques (2×2). Sur un écran @3x, chaque pixel logique correspond à 9 pixels physiques.

Le résultat est que les images matricielles apparaissent floues sur les écrans haute densité si elles ne sont pas fournies avec une résolution suffisante. La solution est de fournir des images avec le double (ou triple) des dimensions d'affichage :

• Image affichée en 300px de large → fournissez 600px (@2x) ou 900px (@3x)
• Pour une galerie avec des images de 800×600px → fournissez des fichiers de 1600×1200px

Utilisez le Redimensionneur d'Image d'ImageTools pour ajuster les dimensions avec précision avant l'upload.

Résolution pour l'impression : calculer les pixels nécessaires

À partir de l'équation Pixels = Taille physique × DPI :

Pour les bannières et supports grand format vus de loin, 150 DPI est généralement suffisant. Pour l'impression de bureau (carte, photo, flyer), le standard est 300 DPI.

Résolution pour les écrans : ce qui compte vraiment

Pour des images destinées aux écrans et au web, oubliez le DPI. Les règles pratiques sont :

1. Dimensionnez selon l'espace d'affichage × facteur de l'écran. Pour une bannière de 1440px de large sur des écrans @2x, fournissez 2880px. Pour une image de produit affichée en 600px, fournissez 1200px.
2. N'envoyez pas d'images plus grandes que nécessaire. Une photo de 4032×3024px pour un affichage en 800×600px sur le site est du gaspillage — le navigateur télécharge 12× plus de pixels qu'il n'en utilise.
3. La métadonnée de DPI n'affecte rien sur le web. Exporter « en 72 DPI » ou « en 300 DPI » pour le web est hors sujet — c'est le nombre de pixels qui compte.

Pourquoi augmenter le DPI d'une image n'améliore pas la qualité

C'est peut-être la confusion la plus frustrante et la plus courante. Il existe deux façons de changer le DPI dans Photoshop (dans Image → Taille de l'image) :

• Sans rééchantillonner : le nombre de pixels ne change pas. Photoshop recalcule seulement la taille physique d'impression. Une image de 720×540px à 72 DPI devient une image de 720×540px à 300 DPI — les mêmes pixels, dans un espace physique plus petit. La qualité ne s'est pas améliorée.
• Avec rééchantillonnage : Photoshop crée de nouveaux pixels par interpolation — en calculant des valeurs intermédiaires entre les pixels existants. Le résultat a plus de pixels, mais ils sont « inventés ». L'image paraît lissée ou floue, jamais plus nette. Un détail qui n'existait pas sur la photo originale ne peut pas être créé par des mathématiques.

Conclusion : la seule façon d'avoir plus de vrais pixels est de partir d'une image originellement de plus haute résolution. Changer le DPI dans Photoshop ne crée pas de détails — cela redistribue seulement les pixels existants dans des espaces physiques différents.

Résolution vidéo : le lien avec l'image

Questions fréquentes