Calculateur DPI / PPI écran

Qu'est-ce que le DPI d'un écran ?

Le DPI (Dots Per Inch, points par pouce) ou PPI (Pixels Per Inch, pixels par pouce) mesure la densité de pixels d'un écran — c'est-à-dire combien de pixels sont concentrés sur chaque pouce d'écran. Plus le DPI est élevé, plus le texte et les images sont nets. Un moniteur 4K possède plus de pixels qu'un moniteur 1080p de même taille physique, ce qui donne un DPI plus élevé et un rendu visuel plus précis.

Cet outil calcule le DPI à partir de la résolution et de la taille physique de votre écran. Il permet également de déterminer la distance de visualisation idéale et si un écran est considéré comme « Retina » ou « HiDPI » — c'est-à-dire que les pixels individuels sont trop petits pour être perçus à distance de visualisation normale, créant une expérience visuelle fluide proche de l'impression.

Comment utiliser cet outil

Saisissez la résolution de votre écran (largeur x hauteur en pixels) et sa diagonale physique (en pouces). L'outil calcule la valeur DPI/PPI et indique les dimensions réelles en pixels par pouce. Il montre également comment votre affichage se compare aux standards courants et à quelle distance les pixels deviennent invisibles à l'œil humain.

Valeurs de DPI courantes selon les écrans

• 96 DPI — standard Windows traditionnel, typique des écrans plus anciens.
• 110 à 140 DPI — typique des moniteurs modernes de 24 à 27 pouces en 1080p à 1440p.
• 220-260 DPI — Écrans Retina/HiDPI (MacBook, iPhone, smartphones Android haut de gamme).
• 300+ DPI — smartphones et tablettes haut de gamme. Les pixels individuels sont invisibles à toute distance normale.

Le DPI en design et en développement

Les designers doivent tenir compte des variations de DPI lorsqu'ils créent des éléments graphiques numériques. Une image nette sur un écran standard à 96 DPI peut sembler floue sur un écran Retina. C'est pour cette raison que les développeurs web servent des images en 2x et 3x grâce à srcset. Le CSS s'appuie sur les media queries device-pixel-ratio pour adapter les styles. Comprendre les DPI est essentiel pour produire des visuels nets sur tous les écrans.

Questions fréquentes

Quelle est la différence entre DPI et PPI ?

PPI (Pixels Per Inch) désigne les écrans — le nombre de pixels par pouce. DPI (Dots Per Inch) désigne techniquement l'impression — le nombre de points d'encre par pouce. Dans la pratique, ces termes sont souvent utilisés de manière interchangeable lorsqu'on parle d'écrans, même si PPI est techniquement correct pour les affichages. Cet outil utilise les deux termes pour plus de clarté.

Quelle résolution DPI est considérée comme de qualité « Retina » ?

Apple a popularisé le terme « écran Retina » pour désigner les écrans dont les pixels sont indiscernables à une distance de visualisation normale. Pour les téléphones (tenus à environ 25 cm), cela correspond à environ 300+ PPI. Pour les tablettes (à environ 38 cm), environ 264 PPI. Pour les ordinateurs portables (à environ 50 cm), environ 220 PPI. Pour les écrans de bureau (à environ 70 cm), environ 110-140 PPI peuvent paraître nets. Le seuil dépend de la distance de visualisation — plus on est éloigné, plus une faible densité reste perçue comme nette.