Quelle est la différence entre DPI (points par pouce) et PPI (pixels par pouce)?


28

Il y a beaucoup d'autres questions sur la conception graphique qui couvrent en partie cela, par exemple quel DPI devrait être utilisé pour quelles situations? .

Cependant, je suis devenu frustré par le nombre de questions et réponses qui confondent les deux termes. Je pense qu'il est important de comprendre la différence.

Voici donc un endroit pour bien répondre à cette question et dissiper la confusion!


1
Vous ne voulez pas simplement nettoyer (c'est-à-dire supprimer la référence Photoshop) de graphicdesign.stackexchange.com/questions/199/… et y référer des abuseurs? Les deux réponses clarifient assez succinctement la différence entre Point et Pixel. Il ne manque que "par pouce".
Farray

1
C'est une vivace. Revient à plusieurs reprises sous différentes formes sur chaque forum, liste de diffusion, blog ou séminaire lié au graphisme. Le droit de l'e100, cependant, nous n'avons pas de déclaration définitive qui couvre toutes les bases et répond proprement à cette question exacte. J'ai fait une tentative ci-dessous. N'hésitez pas à modifier.
Alan Gilbertson

@AlanGilbertson Sonne bien. Après avoir obtenu de bonnes réponses canoniques, nous pourrions peut-être éditer des extraits dans les Wikis Tag et, espérons-le, réduire la confusion future ...
Farray

@Farray, les points et les points sont des choses très différentes.
e100

@ e100 Vous avez raison. J'ai sauté un peu sur ce commentaire en me basant sur le sentiment profond que nous avons déjà vu cette question. Après avoir examiné un tas d'autres questions DPI / PPI, il semble que nous n'ayons pas vraiment abordé ce sujet de manière à ce que les questions futures puissent être renvoyées pour une réponse définitive.
Farray

Réponses:


23

Un pixel (le mot a été inventé à l'origine, iirc, par IBM et dérive de "élément d'image") est la plus petite unité indivisible d'information dans une image numérique. Les pixels peuvent être affichés ou imprimés, mais vous ne pouvez pas diviser les pixels en petits morceaux pour obtenir plus d'informations. Le nombre de canaux et de bits par canal constituant un pixel est la mesure de la subtilité des informations dans un pixel, mais le fait de base est que 1 pixel est le plus petit incrément d'informations dans une image. Si vous faites de la vidéo, vous savez que les pixels ne doivent pas nécessairement être carrés - ils ne le sont pas dans tous les anciens formats vidéo. Carré ou non, un pixel est toujours la plus petite unité d'une image.

Un pouce (d'accord, donc vous le savez déjà - gardez avec moi) est une unité de mesure linéaire sur une surface, qui pourrait être un écran ou un morceau de papier.

Un point est, eh bien, un point. Il peut s'agir d'un point sur un écran ou d'un point produit par une tête d'impression. Comme les pixels, les points sont atomiques. Ils sont soit là, soit ils ne le sont pas. Le niveau de détail qu'un écran peut afficher dépend de la proximité des points (ce qu'ils appelaient autrefois le "pas de points" dans les anciens jours CRT). La taille des points d'un jet d'encre, d'une imprimante laser ou d'une photocomposeuse détermine la précision des détails qu'il peut reproduire.

Les points par pouce sont assez faciles. Un écran a autant de points (chacun comprenant des éléments R, G et B) par pouce d'écran. C'est pareil sur le papier. Une imprimante à 1200 dpi peut disposer de 1200 points dans un pouce linéaire. Dans la description des détails de l'écran ou de la sortie de l'imprimante, les points par pouce sont le terme correct.

Le PPI est l'endroit où la confusion entre en jeu. Une image a autant de pixels. Ses métadonnées contiennent une taille de sortie en pouces, cm, mm, M & Ms, peu importe. C'est la largeur en pixels divisée par la largeur de sortie dans les métadonnées d'où provient "par pouce". Ainsi, la même image avec des métadonnées différentes peut être de 72 ppp, 150 ppp ou 8000 ppi. Les informations sur l'image sont les mêmes; tout ce qui a changé, ce sont les métadonnées.

Une démo rapide et facile qui illustre quelque peu le point est de faire quelques marques sur un morceau d'élastique, disons cinq à un pouce. Étirez l'élastique au double de sa longueur. Le nombre de marques n'a pas changé, même si les "marques par pouce" sont désormais de 2,5.

Vous pouvez le voir dans Photoshop si vous désactivez Resample Imageet modifiez la taille. La valeur ppi change pour refléter la petite taille des pixels qui doivent être reproduits pour atteindre la valeur de mesure en pouces / cm / mm etc. Notez que dans ce cas les Pixelschamps sont désactivés. Vous ne pouvez pas modifier ces valeurs sauf si vous rééchantillonnez.

Une confusion de masse s'est produite lorsque les pixels de l' image ont été mappés sur des points d' écran dans les navigateurs Web. Une image de 200 pixels apparaît comme 200 pixels dans un navigateur. Sa taille , mesurée avec une règle, dépend des points par pouce de l'écran. Les métadonnées de l'image peuvent dire que c'est 200 ppp ou 72 ppp ou 1 ppi, elles occuperont toujours exactement 200 points d'écran. Le monde reste fixé sur "72 ppp pour le Web", donc la question de "quelle est la bonne résolution pour les images Web" continue de se poser, et la bonne réponse, "cela n'a pas d'importance", continue d'être fournie ad nauseam.

Si vous êtes toujours avec moi, il y a une dernière étape qui rapproche les deux.

Une image de 720 pixels de large à 10 pouces physiques de large a une résolution de 72 pixels par pouce. Si vous l'imprimez sur une imprimante à 1200 dpi, il y aura 1200 points par pouce sur le papier, mais l'image est toujours de 72 pixels par pouce . Voilà pourquoi ça ressemble à de la merde. En revanche, une image de 7200 pixels de large imprimée à 1 pouce de large dépassera la résolution de notre imprimante 1200 dpi. Photoshop (disons) et le pilote d'imprimante décident quels pixels jeter et lesquels imprimer. Certains des points imprimés seront moyennés parmi les pixels d'image adjacents, mais, malgré tout, certaines des informations d'image doivent être jetées. La sortie sera de 1200 dpi, mais la résolution de l'image imprimée aura été réduite à au plus 1200 dpi par le logiciel.


Hmmm, de bonnes choses mais pensez que la mention de "points par pouce" pour les écrans prête à confusion ...
e100

2
Il convient probablement de mentionner également que chaque pixel d'une image peut être de n'importe quelle couleur dans l'espace colorimétrique de travail, les points (en particulier dans l'impression numérique) sont généralement beaucoup plus limités. Une imprimante à 1 200 ppp peut imprimer 1 200 points par pouce (généralement 1 200 points par pouce par couleur), mais chacun de ces points est activé / désactivé ou disponible dans un nombre limité de tailles (généralement quatre ou moins). Cela signifie que vous avez besoin d'un groupe de points pris ensemble pour créer avec précision l'apparence de la couleur d'un pixel. (suite)
Stan Rogers

2
L'impression d'une image de 300ppi (résolution d'impression) sur une imprimante à 1200 dpi signifierait qu'il y a 16 points de chaque couleur (avec une faible "profondeur" pour chaque point) pour représenter chacun de ces pixels. Bien que les systèmes d'imprimante / pilote soient assez bons pour tramer, c'est toujours une gamme assez pauvre. C'est pourquoi les imprimantes numériques avec plus de quatre valeurs d'encre (noirs plus clairs, cyan clair, magenta clair et souvent une ou plusieurs couleurs pures qui seraient normalement mélangées) peuvent imprimer tellement mieux qu'un tout-en-un quadrichromie de 50 $ à 1200 dpi - chacun des groupes de points utilisés pour imprimer un pixel peut représenter une gamme de tons beaucoup plus étendue.
Stan Rogers

@Stan - Je vous encourage à intégrer ces informations dans la réponse.
e100

Donc, un pixel est un codage (couleur) de ce qui devrait être affiché dans / sur un point?
samis

2

Alan a très bien couvert la plupart des bases. Je voudrais également souligner non seulement la différence entre DPI et PPI, mais également la relation entre PPI et la résolution d'affichage (qui est juste le nombre brut de pixels dans un affichage).

Je pense que beaucoup se souviennent de ces jours grisants où nous sommes passés de résolutions VGA à SVGA à XGA. C'était agréable pendant un certain temps lorsque la plupart des consommateurs avaient des moniteurs avec des spécifications similaires à 1024px X 768px @ 72 PPI et nous avions une cible assez sûre pour les graphiques d'affichage.

Cette complaisance est toujours évidente , mais toujours plus irréaliste. De nombreux fabricants de mobiles se sont concentrés sur l'augmentation de la résolution tandis que les écrans physiques changent légèrement, voire pas du tout. Le résultat est des IPP qui sont en augmentation dans les petits facteurs de forme portables. Cela offre de nombreuses opportunités pour créer accidentellement des graphiques qui ne sont tout simplement pas utiles (ou, presque aussi mauvais, être automatiquement mis à l'échelle par les systèmes d'exploitation au détriment des bords propres sur lesquels vous avez travaillé si dur).

Un exemple simple du monde réel est l'iPhone d'Apple . Les 3 premières éditions avaient un écran de 89 mm (diagonale), avec 320px X 480px (163 PPI). Ensuite, ils ont introduit l'affichage "Retina" (bonjour, Marketing) qui a augmenté la résolution jusqu'à 640px X 480px mais qui n'avait encore que 89 mm de taille physique (326 PPI!). BlackBerry a fait des mouvements similaires (mais sans le panache marketing) et il semble que la même chose soit sur le point de se produire avec l'iPad également.

Un autre terme qui peut également être intéressant est DIP ou DP . Microsoft les appelle des «pixels indépendants de l'appareil» et sur la plate-forme Android, ils sont des «pixels indépendants de la densité» . Ils ont des noms légèrement différents, mais sont le même concept de base. L'objectif est de permettre aux applications d'être "conscientes du DPI" et de mettre à l'échelle le texte / les objets autour de conventions constantes. Les applications sensibles à la densité connaissent le PPI de l'écran et le "DPI" souhaité, puis mettent à l'échelle le texte et les objets de manière appropriée.

Pour en revenir à notre scénario PPI toujours croissant, si vous avez conçu un site Web ou une application avec une police de 80 pixels, vous pensez peut-être que c'est assez grand sur votre écran 163 PPI. Votre texte ferait près d'un demi-pouce de haut, ce qui est assez grand sur un téléphone. Mais alors la prochaine version du téléphone sort et soudain, votre texte ne mesure que 1/4 "à 326 PPI. Ce serait particulièrement mauvais si une partie de votre texte était mise à l'échelle dans une autre unité de mesure et que le corps du texte est soudainement plus grand que l'en-tête (Parfois, je continue à parcourir des sites Web qui ont fait cette erreur.) Si, à la place, vous utilisiez DIP / DP pour la mise à l'échelle, vous pourriez tenir les deux téléphones côte à côte et le texte aurait les mêmes dimensions physiques (bien que peut-être sensiblement plus net sur le modèle à DPI plus élevé).

Quoi qu'il en soit, bien que l'IPP puisse être la plus déroutante des mesures, il est extrêmement important d'y prêter attention. Si vous avez la possibilité de concevoir avec des unités DIP ou DP, il devrait gérer une partie des conjectures pour vous et vous permettre de cibler un plus large éventail d'écrans sans augmenter votre charge technique.

Je m'excuse que cette réponse soit tellement centrée sur l'écran, je tente rarement d'imprimer.


AFAIK, Microsoft appelait les DIP TWIPS. Ils sont utiles dans les cas où l'écran est davantage une fenêtre d'affichage: de nombreuses applications sur les smartphones permettent le zoom, et en ce sens, l'écran est une fenêtre d'affichage mesurée en unités logiques. L'écran PPI plus élevé permet d'obtenir de meilleures images à de faibles niveaux de zoom.
horatio

Je pense que la résolution "écran rétine" de l'iPhone 4 est plus élevée, 960 px x 640 px (QHD).
FooF

2

DPI = nombre de points distincts par périphérique d'impression et rendu par pouce.

PPI = le nombre de pixels en pouces d'un périphérique d'affichage vidéo.

De nombreux logiciels, notamment Photoshop, utilisent le DPI pour les deux définitions.

MISE À JOUR:

e100 me fait maintenant remettre en question mes opinions à ce sujet (ce qui est une bonne chose!) et en faisant des recherches supplémentaires, je dois mettre à jour un peu mon opinion.

HISTORIQUEMENT, DPI se réfère au processus d'impression ... à savoir combien de points discrets une imprimante peut produire sur du papier. PPI fait référence au nombre de pixels par pouce de votre moniteur.

Ainsi, l'un concerne le processus d'impression sur papier, l'autre concerne votre matériel d'affichage.

Ni l'un ni l'autre ne concerne directement la «résolution par pouce» de votre image numérique, bien que les deux semblent avoir des corrélations au point d'être presque identiques à bien des égards.

Supposons donc que vous disposiez d'une imprimante laser 1200 dpi. Cela signifie que pour chaque pouce de papier, cette imprimante peut créer 1 200 points uniques.

Passons maintenant à la question de l'attribution d'un paramètre DPI / PPI à une image numérique.

Une image numérique est composée de pixels. Tant que l'image reste numérique, peu importe le PPI que vous lui dites, car il restituera toujours en fonction du nombre total de pixels. Par exemple, une image de 1000 pixels x 1000 pixels, par défaut, dans un navigateur Web, aura une largeur de 1000 pixels.

Lorsque l'impression d'une image nécessite un paramètre DPI / PPI, c'est lors de l'impression ... c'est ainsi que le logiciel calcule la taille physique de la sortie analogique. Ainsi, votre image de 1 000 x 1 000 pixels avec un paramètre DPI de 500 dpi entraînera une image imprimée de 2 pouces.

Là où les choses deviennent confuses, c'est que l'IIRC, Photoshop a historiquement utilisé «DPI» comme terme pour cela. Bien qu'il semble clairement qu'il utilise désormais le terme «PPI».

Pour cette raison, je dirais que l'un ou l'autre terme est approprié lorsqu'il fait référence aux méta-informations de résolution de sortie dans votre logiciel d'édition graphique.

Donc, en résumé, mes définitions seraient:

DPI = une spécification pour votre imprimante expliquant le niveau de détail d'une image qu'elle peut imprimer PPI = une spécification pour votre moniteur expliquant le niveau de détail d'une image qu'elle peut afficher pour une taille physique donnée

En termes de configuration d'une image pour l'impression = PPI ou DPI est un terme approprié. Je pense que PPI a plus de sens pour la personne chargée de créer le fichier numérique. En fin de compte, vous aurez besoin d'autant de pixels pour une sortie décente. DPI a plus de sens pour la personne qui imprime le fichier numérique, car c'est un terme qui a du sens dans le monde du bureau de service / imprimante.


Toujours pas trouvé où Photoshop se trompe ...
e100

2
Photoshop possède un paramètre DPI qu'il utilise pour essayer d'émuler un PPI spécifique lorsque vous affichez une image à sa «taille réelle». Notez également que les images n'ont pas vraiment de paramètres PPI pour commencer. Le PPI est une mesure de la densité de votre écran et pas vraiment de votre image. En ce qui concerne votre image, un pixel est un pixel.
DA01

Où se trouve exactement ce paramètre DPI dans Photoshop (je n'ai pas l'application à portée de main)?
e100

1
Eh bien, c'est PPI en 5.5 (pas CS 5.5) que j'ai ouvert ici, et qui a 13 ans.
e100

3
Le PPI sert uniquement à calculer les dimensions physiques aux fins de sortie. Rien ne change dans l'image elle-même, seulement ses métadonnées. Il était une fois possible de dire à Photoshop quelle était la résolution réelle de l'écran en pixels (points d'écran, vraiment) par pouce, de sorte que la "taille réelle" était précise. Je ne trouve pas ce paramètre sur une recherche rapide dans CS5. Il y a plusieurs années, Scott Kelby, iirc a écrit un article à ce sujet. Je vais devoir chercher.
Alan Gilbertson

2

Commençant à répondre à ma propre question, je pense que l'un des problèmes avec l'explication est que seules des parties de l'histoire complète sont pertinentes pour le travail quotidien de quiconque, à moins que vous ne couvriez la gamme allant du concepteur de sites Web / d'applications au concepteur d'impression au prépresse expert. Je vais donc probablement y revenir et le régler pour différents publics.


Les pixels par pouce (ppp) sont une mesure de la résolution dans deux contextes différents.

(a) la résolution d'une image imprimée à une taille physique spécifique

Ce n'est pas une propriété intrinsèque d'un fichier image. Les pixels n'ont pas de dimensions réelles, et donc ppi n'a aucune signification jusqu'à ce que l'image soit imprimée, ou du moins spécifiée dans une mise en page d'impression qui utilise des mesures physiques (pouces ou mm).

par exemple 1. Vous avez une image carrée de 1000 pixels dans Photoshop et vous l'imprimez donc c'est 3 pouces carrés. La résolution de l'impression est de 333ppi.

par exemple 2. Vous le mettez ensuite dans une mise en page InDesign à 1,5 pouces carrés et le PDF. Les outils de prépresse d'Acrobat vous indiquent que la résolution est de 666 dpi - une fois imprimée.

par exemple 3. Vous le visualisez dans un navigateur Web sur divers appareils. C'est 1000px carré, quelle que soit la taille ou la résolution de votre écran; cependant, les dimensions physiques varient considérablement.

par exemple 4. Vous retournez dans Photoshop et remarquez que l'image a toujours été définie comme 72 ppp, et cela n'a fait aucune différence dans aucun de ces cas. Vous le changez en 144ppi (sans rééchantillonnage, c'est-à-dire que le nombre de pixels est inchangé) et vous constatez que cela ne fait aucune différence pour aucun des cas non plus.

par exemple 5. Après un peu d'expérimentation, vous constatez que ppi fait une différence lorsque vous imprimez à partir de Photoshop à l'échelle 100%. Mais il en va de même pour la modification des dimensions d'impression - elles sont directement (et inversement) liées, et les deux ne sont que des métadonnées qui spécifient comment l'image doit être imprimée, et peuvent être facilement remplacées.

(b) la résolution physique d'un dispositif d'affichage

Pour revenir par exemple à 3, l'image affichée à différentes tailles physiques parce que les écrans ont une grille matérielle fixe de pixels. Le PPI est donc dans ce cas une propriété intrinsèque du matériel.

Vous pouvez mesurer le PPI d'un écran facilement si vous connaissez ses dimensions en pixels, il suffit de diviser sa hauteur (ou largeur) en pixels par sa hauteur (ou largeur) mesurée avec une règle. Les premiers Mac avaient 72 ppp; les ordinateurs portables peuvent atteindre environ 130 ppp; smartphones actuels 200ppi +, jusqu'à 330ppi de l'iPhone 4.


Les points par pouce (dpi) sont une mesure physique de la résolution de sortie d'un périphérique d'impression.

Les points sont des taches d'encre individuelles.

(à suivre)

NB Le terme est très couramment utilisé pour désigner ppi dans les deux sens ci-dessus.

Personnellement, je considère cela comme incorrect, aussi ancré soit-il, et source de confusion continue.


Bon départ! Au final, en termes de «densité de données d'image», PPI et DPI sont interchangeables. Que nous appelions les unités de données un pixel ou un point est quelque peu théorique et arbitraire. Je penche pour PPI étant un terme plus à jour. Mais nous ne voyons toujours aucune différence de définition avec DPI lorsque nous parlons de la densité des données d'image. Les différences terminologiques deviennent plus apparentes lorsque nous parlons de matériel: imprimantes et écrans.
DA01

0

Je ne répondrai pas quelle est la différence entre DPI et PPI. Je ferai une réponse plus fondamentale.

Quelle est la différence entre un point et un pixel?

Un point

Je laisserai les définitions mathématiques, géométriques et conceptuelles de cette réponse. Je ne parle que des arts graphiques.

Un point est une toute petite tache de quelque chose (une gouttelette d'encre, une particule de poussière) utilisée sur un support imprimé physique. Normalement, c'est la plus petite quantité de contenu que vous pouvez avoir sur ce support. Soit vous avez un point, soit vous n'en avez pas.

Un pixel

Un pixel définit différentes choses. Oui, nous devrions probablement appeler certains d'entre eux d'une manière différente)

I. Un petit bloc d'informations sur un fichier d'image numérique.

C'est un petit bloc d'informations, pas un point. Un point peut être là ou non. Au contraire, un pixel peut stocker une valeur parmi plusieurs millions .

Imaginez un magasin où vous pouvez acheter un ongle ou ne pas l'acheter. C'est un point.

Imaginez maintenant un magasin où vous pouvez choisir potentiellement parmi plusieurs millions de produits. C'est un pixel.

La quantité d'options à choisir sur ce magasin est donnée par la profondeur du magasin, dans ce cas, la profondeur de bits. De tout ou rien à plusieurs millions d'options.

Une chose à propos d'un pixel est qu'il est là. Il a une position définie, ce qui peut changer, c'est sa valeur.

II. La plus petite partie d'un écran qui peut être modifiée pour rendre différentes nuances de couleur.

Oui, nous pouvons obtenir le nombre de pixels de cet écran que nous avons sur un moniteur physique, mais heureusement pour nous, les gens donnent le nombre total; FullHD, 4K sur un écran de 50 ".

Cet élément doit être nommé différemment du "pixel" d'une image numérique.


Notez une chose. Un point peut être utilisé dans le domaine des mathématiques, de la géométrie, de la peinture, des arts graphiques, etc. Un pixel sur un fichier numérique, un écran ou une projection. Il vous suffit de savoir quel est le contexte.


-3

DPI utilisé pour l'impression PPI utilisé pour tout ce qui est à l'écran pour des choses telles que des jeux ou des bannières en ligne ETC.


2
Salut et bienvenue à GD.SE. Comment cela améliore-t-il exactement les réponses existantes? En général, nous avons tendance à éviter les réponses d'une ligne et à aller plus loin. Ce n'est pas que nous ne voulons pas de vous ici, nous le faisons. Mais le point de rupture est de créer un référentiel d'excellentes réponses. Et franchement, il y a un peu de courbe d'apprentissage ... de toute façon bienvenue.
joojaa
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.