Quel DPI doit être utilisé pour quelles situations?


30

J'ai vu beaucoup le mot «DPI» apparaître lorsque j'exporte mon travail dans Photoshop et Illustrator. Bien que je sache que DPI signifie `` points par pouce '' et que si vous avez un DPI trop faible sur une image, une pixellisation importante se produit si vous essayez de zoomer, quel serait le DPI optimal dans quelles situations?

Par exemple (Situations):

  • Exportation d'une conception d'impression A4
  • Disposition du site Web
  • Logo (site Web uniquement - à peu près plus petit que celui de SE Graphic Design actuel.)
  • Logo (évolutif de haut en bas - des cartes de visite aux grandes bannières.)

4
Je pense que les autres réponses l'ont couvert, mais juste pour ajouter que techniquement, vous devriez parler de PPI (pixels par pouce) lorsque vous parlez de préparer des images. Les points par pouce mesurent la résolution de votre périphérique d'impression et ce n'est pas la même chose. Notez également que ce terme persiste même là où la métrique est utilisée pour tout le reste (OK et des points pour les tailles de caractères).
e100

"J'ai vu le mot 'DPI' apparaître assez souvent lorsque j'exporte mon travail dans Photoshop et Illustrator." Où exactement? Pouvez-vous donner une capture d'écran?
e100

D'accord, mais 72 dpi pour la mise en page Web est une meilleure affaire pour la taille de la police en pt et px (dans photoshop).
benoît

Réponses:


19

J'ai toujours pensé que le DPI était un peu impropre ... Il ne s'applique vraiment que si vous imprimez une image, sinon, les pixels sont des pixels. Pour une image sur un site, eh bien, cela n'a pas vraiment d'importance, il suffit d'en obtenir autant que possible pour s'adapter à la taille requise. Les imprimantes varient quelque peu, mais environ 300 DPI est généralement une bonne règle de base pour tout ce qui est de la taille d'une feuille de papier ou plus petit.

Pour les logos, j'espère qu'ils sont conçus dans un programme vectoriel, ce qui signifie que le DPI peut être ajusté à la taille de l'objet.


1
Je ne considérerais pas cela comme un terme impropre (ce sont les points sur le papier après tout), mais vous avez raison, le DPI ne s'applique qu'à l'impression et ne s'affiche pas sur un écran. J'ai fait une explication assez approfondie sur cette réponse graphicdesign.stackexchange.com/questions/1760/…
jhocking

7

J'ai récemment lu les merveilleuses questions et réponses de jrista sur photo.stackexchange .

Alors que la question est intitulée "Comment générer des impressions de haute qualité avec une imprimante à jet d'encre?" il couvre les relations DPI et PPI dans une large mesure et contient des exemples d'impression réels.

Contenu actuel des questions et réponses:


5

Spécifiquement sur PPI pour le Web ou d'autres images à l'écran: 72PPI (ou 75, ou 96) est un mythe.

Oui, il y a un chiffre que les applications utilisent pour décider du nombre de pixels à utiliser pour rendre les polices spécifiées en points, mais cela n'a aucune pertinence pour les images, à part:

  • si votre document Photoshop est de 72 ppp, peu importe si vos unités de police sont définies en points ou en pixels, car elles donneront le même résultat pour n'importe quelle valeur numérique. Cela peut être légèrement plus pratique, mais cela n'a vraiment aucun sens d'utiliser des points dans les images basées sur les pixels. C'est comme essayer de créer une bannière Web exactement 1,5 cm x 10 cm, ou une page Web exactement 12 "de diamètre.

La seule autre situation à laquelle je peux penser où l'IPP est pertinent est:

  • où vous souhaitez imprimer une disposition d'écran à la même taille, elle apparaîtra sur un écran donné. Dans ce cas, oui, vous devez définir le PPI de l'image sur celui de l'écran.

    Étant donné que la résolution d'affichage varie considérablement, cela ne sera au mieux qu'une approximation pour une classe donnée d'appareils, et sur les écrans modernes, elle sera probablement de 100 PPP ou plus (beaucoup plus élevée sur iPhone 4). Mais si vous concevez pour un seul appareil, cela peut être utile.

(Je pense que je suis tombé sur un autre exemple où des images devaient être préparées à 100 dpi lors de l'utilisation de MS Word pour mettre en page des e-mails HTML, mais je ne veux vraiment pas y revenir).


1
En ce qui concerne les iPhones Retina et les iPad Retina (et probablement les Mac Retina): Apple définit un point comme deux pixels, donc les points sont importants, mais pas de la manière dont @JFW le demande probablement. Je suis d'accord avec tout ce que vous avez dit. Si vous voulez vous faciliter la vie, les PSD Web et d'application devraient être de 72 PPP, mais cela n'a pas d'importance.
Marc Edwards

3

Pour une photo imprimée sur une presse offset, la règle générale est que vous voulez que la résolution de la photo soit deux fois la hauteur de point de l'écran en demi-teinte. Par exemple, si vous avez un écran de 150 dpi, votre image doit être d'au moins 300 dpi à sa taille finale.

La plupart des moniteurs LCD modernes ont une résolution physique d'environ 100 dpi.

Pour la conception de sites Web, vous devez avoir le logo comme dessin au trait dans un format graphique vectoriel tel que SVG ou EPS. Ensuite, rendez-le à environ 4x la taille (c'est-à-dire le nombre de pixels) que vous voulez réellement et faites exploser son arrière-plan à 4x la taille. Fusionnez les deux et rééchantillonnez le fichier résultant à sa taille. Cela vous donnera un logo anti-aliasé fusionné dans son arrière-plan.


Cela semble prometteur, je souhaite qu'il soit expliqué plus clairement ce que l'on entend par «fusionner les deux» et «rééchantillonner le fichier résultant à sa taille».
Kzqai

Par «fusionner les deux», j'utilise Photoshop ou un autre éditeur d'image pour coller le logo en arrière-plan. L'image que vous avez est à 400% (selon les instructions de la publication). Maintenant, réduisez-le à 100% en utilisant le rééchantillonnage pour anticréneler les bords du logo.
ConcernedOfTunbridgeWells

2

Tout d'abord, essayez d'utiliser des vecteurs lorsque vous le pouvez (en particulier pour l'impression). Les vecteurs ont un DPI «infini».

Lorsque vous utilisez des images bitmap dans votre conception, essayez de conserver le DPI et la résolution d'origine. Vous pouvez toujours exporter le produit fini vers le DPI souhaité. Pour l'impression, c'est souvent 300 DPI, mais parfois plus.

Lors de l'exportation pour une page Web, vous devez connaître la taille du résultat, en pixels (la résolution). Dans Illustrator, vous pouvez spécifier le DPI et cela changera la résolution de l'image exportée.


Confuse DPI et PPI.
e100

1

La question est valable, mais bien trop vague pour être répondue avec précision. En général, la résolution dont vous avez besoin pour votre image dépend de:

  • le type d'image
  • la taille de la pièce finale
  • la technologie d'impression de type utilisée
  • sur quoi il est imprimé
  • etc.

La seule réponse spécifique est le graphisme Web: il n'y a pas de concept de DPI pour les images qui seront sur un écran. Il vous suffit de gérer les dimensions en pixels.

Lors de l'impression, vous devez faire face à des choses comme le type d'impression (la sérigraphie serait une résolution inférieure à la lithographie offset, par exemple), le type de substrat (l'impression sur du papier couché à l'argile utiliserait généralement une image DPI beaucoup plus élevée que l'impression sur le papier journal le ferait), le type d'image (les images imprimées avec un écran de ligne [comme les photos] n'ont pas besoin d'avoir une résolution aussi élevée que le dessin au trait aurait besoin), la taille de la pièce finale (un panneau d'affichage n'a pas besoin de la même résolution qu'une brochure sur papier glacé), etc.

LARGEMENT parlant, les photographies sont généralement définies à 300 DPI. Dessin au trait quelque part entre 600 et 1200DPI. L'impression grand format est généralement de 100 DPI ou environ.

Notez que les termes dpi et ppi sont parfois utilisés de manière interchangeable. TECHNIQUEMENT, nous devrions généralement utiliser le PPI en ce qui concerne les résolutions d'image pour l'impression, mais le DPI est également utilisé depuis longtemps. Recherchez DPI et PPI sur ce site pour voir de nombreuses discussions sur ce sujet.


-1

Habituellement, j'utilise ceci:

  • 72 DPI pour tout pour l'écran (parfois 75 DPI aussi). De cette façon, la version imprimée de cette image sera merdique ou petite. Utile si vous souhaitez protéger vos images.
  • 150 DPI pour une impression de petite qualité (démos pour les futures impressions, site Web, etc. pour les clients)
  • 300 DPI (jusqu'à 450) pour une impression de bonne qualité sans haute résolution.

Comme déjà mentionné, les images vectorielles sont très utiles. Tout d'abord, car certaines imprimantes professionnelles peuvent produire toutes les dimensions de ce papier au papier. Vous pouvez également les exporter de 72 DPI pour le Web à 300 pour l'impression à partir de la même source.


"72 DPI pour tout pour l'écran ... De cette façon, la version imprimée de cette image sera merdique ou petite." Vous voulez dire dans le scénario où le client obtient uniquement une copie d'aperçu imprimée, pas le fichier lui-même?
e100

Confuse DPI et PPI.
e100

-1

Pour imprimer des photos, 300 dpi devraient suffire. Pour le type ou tout autre objet typographique, 600 dpi est le chemin à parcourir.

Cela n'a pas vraiment d'importance sur le web, 72 dpi est bien là.


1
Confuse DPI et PPI.
e100

-2

300 dpi est la norme pour les projets d'impression (en particulier pour l'impression offset).

Les images vectorielles ont une résolution illimitée, il est donc préférable de mettre à l'échelle les logos.

150 dpi est généralement utilisé pour les projets imprimés de très grande taille.

Mais en ce qui concerne le Web, la résolution est normalement d'environ 72 dpi. Cependant, lorsque je veux une meilleure qualité pour un logo sur un site Web, c'est une question de format de fichier. J'utilise png-24 qui donne une meilleure qualité pour un logo, jpeg pour n'importe quelle photo.


Confond DPI et PPI; il n'y a aucune bonne raison de créer des images Web à n'importe quel DPI particulier - vous créez simplement l'image aux dimensions de pixels requises.
e100

-3

Lorsque je travaillais chez un éditeur, la règle était d'au moins 600 dpi pour l'impression et 72 dpi pour les images formatées à mettre sur le Web.


2
Il n'y a aucune bonne raison de créer des images Web à n'importe quel DPI particulier - vous créez simplement l'image aux dimensions de pixels requises.
e100

-5

96 DPI / PPI pour le web / écran. Apple en utilise 72, mais Microsoft en utilise 96, la plupart des gens ne le savent pas ...


Il n'y a aucune bonne raison de créer des images Web à n'importe quel DPI particulier - vous créez simplement l'image aux dimensions de pixels requises. Les valeurs dont vous parlez concernent le nombre de pixels utilisés pour rendre les polices spécifiées en points.
e100
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.