web-dev-qa-db-fra.com

DPI dans la conception de l'application iPad Retina

Je ne sais pas si cela appartient à StackOverflow ou à un autre site SE, mais voilà.

J'ai une conception PSD. J'ai une équipe de développement iOS qui se transforme en une application Retina pour iPad. Cependant, cette conception est faite dans la résolution par défaut de 72 dpi.

L’équipe de développement a déclaré que le design devrait être à 264 dpi (identique à un iPad Retina), ainsi qu’à une version à 132 dpi pour l’édition non-Retina.

Cela me laisse perplexe, car j’avais l’impression que les dpi représentent tout simplement le nombre de pixels entrant dans un pouce de sortie et qu’ils ne seraient donc importants que pour l’impression. La résolution d'un iPad ne représente que le nombre de pixels pour chaque pouce d'écran. Par conséquent, selon mon cerveau, elle n'a rien à voir avec la résolution du PSD. Surtout depuis qu'il est déjà dans la taille 2048 × 1536 nécessaire pour Retina.

Je leur ai dit cela, mais ils insistent, ce qui m'a fait douter de ma propre infaillibilité.

Qui est dans le droit ici? Le dpi du fichier de dessin a-t-il un lien avec le dpi de l'appareil? Qu'est-ce qui ferait penser une équipe de développement autrement intelligente?

17
Emphram Stavanger

Le DPI de votre fichier Photoshop n'a pas d'importance. Vous pouvez aller dans Photoshop et changer le DPI en tout ce que vous voulez. Passer de non-rétine à rétine est "en quelque sorte" comme doubler votre DPI.

Si vous avez déjà créé un design utilisant une résolution de 1024x768 pour l'iPad, vous devrez recréer le design à 2048x1536. Le concept de dpi entre en jeu, c’est que la densité des données doit rester constante aux résolutions rétinienne et non rétinienne. Vous aurez juste besoin de recréer chaque élément bitmap de votre fichier à une résolution 4 fois supérieure à celle que vous aviez initialement si vous démarrez avec un fichier non-rétine. C'est un peu comme si on passait de 72 dpi à 144 dpi.

19
Adam B

DPI/PPI ne fait aucune différence lorsque vous travaillez pour un écran, c'est la quantité de pixels sur l'écran qui compte. Si vous concevez pour iPad à 2048x1536px à 264ppi ou 72ppi , c'est toujours 2048x1536px dans les deux cas. La seule différence est si vous agrandissez l’aperçu dans Photoshop. 

IPP = Pixels par pouce. Si vous avez affaire à des pouces, PPI est important, car sa densité est de cette taille. Si vous mesurez la taille du document/du canevas en pixels, la densité serait alors " Pixels per Pixel " et c’est ridicule.

Assurez-vous simplement de concevoir avec des pixels précis ou supérieurs, afin de pouvoir les réduire si nécessaire pour les appareils iOS plus anciens, les androïdes de basse résolution, les ordinateurs de bureau, etc.

4
user3340876

Tu as raison.

Dans un fichier PSD, le DPI n'est pas significatif car il ne sert qu'au système pour déterminer comment imprimer le fichier.

Vous pouvez toujours changer le réglage DPI de votre PSD pour le rendre heureux :) Ce n'est vraiment pas important.

Si cette option est définie sur 264 DPI, une image imprimée au format 2048 * 1536 sera exactement au format iPad.

De même, une image SD 1024 * 768 définie à 132 ppp sera de la même taille.

4
Teejay

N'oubliez pas qu'une image, avec une résolution supérieure à celle pouvant être affichée en taille normale, peut améliorer l'aspect du graphique lors de son zoom avant. Le zoom se produit constamment dans iOS, en particulier sur l'iPhone, car l'écran est trop petit pour être vraiment utile et c'est tellement facile à faire.

3
Shaun

Le DPI compte beaucoup. Vous ne pouvez pas simplement augmenter la résolution correctement, vous devez développer au dpi le plus élevé ou mieux, le dpi approprié. Par exemple, imaginez que vous créez un contour lisse et arrondi à l'aide des algorithmes d'un effet. Le niveau de détail, car il remplit chaque changement de la courbe et sélectionne chaque dégradé de couleur sera plus fin lorsque le dpi est plus élevé. Bien que vous puissiez afficher et changer le dpi de 72 à 132 ou 264 par la suite, il n'applique pas l'intelligence de chaque effet, vous-même, etc., mais se remplit simplement en fonction de ce qu'il y a. Cela signifie que vous éliminez tout l’objet de l’écran plus clair en haute résolution et que vous le réduisez à une qualité de 72 dpi. 

0
gfinale