N'Png (ou Jpg) ont un DPI? Ou est-il hors de propos lors de la construction de la rétine?

Une simple question à laquelle j'ai eu beaucoup de difficulté à trouver une réponse définitive à: ne fichiers PNG ont un DPI? Ou peut-être plus important encore, est-il encore pertinent lors de la construction de la rétine activé sites/apps?

Je viens de recevoir PSD actifs de notre designer pour un retina iPad app que je dois convertir en HTML pour l'affichage à l'intérieur de l'app. Habituellement, je reçois de tels fichiers comme 2048x1536 @ 72 DPI -- double de la taille standard d'écran DPI. J'ai ensuite généralement utiliser les CSS pour dire au navigateur comment afficher.

Mais cette fois, le designer a été chargé d'apporter son Psd à 1024 x 768 @ 144 DPI (taille standard mais double DPI.) Je crois que c'est incorrect, car le paramètre PPP au sein de Photoshop est destiné à des fins impression. De Plus, quand je sauver quelque chose de 144 DPI PSD au format PNG ou JPG, c'est exactement le même que celui enregistré à partir de 72 DPI (ou 30 000 DPI) PSD. DPI ne semble pas être traduit dans n'importe quel paramètre que je peux voir, la résultante de fichier, ni dans une autre taille de fichier. Il semble, au mieux, de métadonnées.

Donc, c'est ma compréhension que les PPP n'est pas pertinente ici, et nous devrions nous demander le double de la taille de l'actif de la rétine projets, mais je voudrais une confirmation/clarté sur la question avant de demander de nouveaux actifs. Je travaille avec de nombreux designers, qui passent de imprimer l'arrière-plan, donc c'est un problème commun que je rencontre et je voudrais être en mesure de fournir de meilleurs conseils à nos exigences dans le futur.

Pas de preuve, juste une bonne quantité de expérience avec l'imagerie, mais je me sens trop que les dpi ne sont pas pertinents jusqu'à ce que vous venez d'imprimer. Un affichage a un pixel de largeur et de hauteur et une image a un certain nombre de pixels à travers et vers le bas qui permettra de déterminer combien de l'écran qu'elle couvre.

OriginalL'auteur gbanks | 2014-12-05

  1. 11

    DPI est la relation entre une image de dimensions en pixels et la taille physique, il apparaît (ou devrait être) lors de l'affichage, indépendamment de comment d'affichage (écran, impression, peu importe). Aucune image format intrinsèquement DPI, mais aucune image, qui est fait de pixels et doit apparaître avec une certaine taille physique a un DPI.

    Vous avez raison que le DPI est juste métadonnées comme la mesure d'un fichier image. L'image elle-même est une grille de pixels sans inhérente à la taille physique, mais la valeur des DPI exprime une prévu taille physique. Par exemple, une image 144 pixels de large avec une résolution de 144 devrait apparaître un pouce de large lors de l'affichage, mais une image 144 pixels de large avec une résolution de 72 devrait apparaître deux pouces de large lors de l'affichage.

    La valeur des DPI stockées dans une image peut être utilisée à l'échelle automatiquement à la bonne taille physique lorsqu'elle est affichée sur un appareil dont le DPI est également connu. Par exemple, un 144dpi image affichée sur un 72dpi moniteur doit être multipliée par 50% dans chaque dimension, de sorte que 144 pixels (un pouce) de l'image est mappé à 72 pixels (un pouce) de surveiller la surface. Navigateurs Web, cependant, n'est généralement pas le faire; les pixels de l'image sont tout simplement mappé directement sur les pixels de l'écran, de sorte que vous devez manuellement l'échelle de vos images pour avoir les dimensions en pixels qui sont appropriés pour la surveillance de l'endroit où ils vont être affichés.

    Vous avez mentionné d'obtenir des images à 2048x1536 @ 72 DPI et 1024x768 @ 144 DPI, mais ceux qui ne sont pas du tout équivalent. Un 2048x1536 72DPI image devrait apparaître sur 28.4 cm de large (2048/72), mais une résolution de 1024x768 144DPI image devrait apparaître sur 7.1 pouces de large (1024/144). Êtes-vous sûr de ne pas dire 2048x1536 @ 144DPI et 1024x768 @ 72DPI (qui sont tous deux 14.2 pouces de large)?

    BTW, classiques (non retina) surveille ces jours-ci sont généralement de 96 à 100 DPI, pas 72. Par exemple, mon 20 pouces Dell 2007WFP a des dimensions en pixels de 1680x1050. C'est à propos de 1981 pixels sur la diagonale, qui est d'environ 99 pixels par pouce. Le "px" l'unité dans la CSS est en réalité défini comme 1/96e de pouce, ce qui peut correspondre à plus d'un pixel sur une haute résolution de l'écran.

    Il est instructif de réponse, cependant ce bit peut être trompeuse: "La valeur des DPI stockées dans une image peut être utilisée à l'échelle automatiquement à la bonne taille physique lorsqu'elle est affichée sur un appareil dont le DPI est également connu.' Au moins sur un Mac (2014 MBP et 2017 iMac), l'affichage d'un PNG avec 72dpi (métadonnées) et un autre identique PNG à 300 dpi (métadonnées) avec Aperçu montre exactement de la même taille. Même lors de l'ouverture de GIMP. Je ne peux pas penser à toutes les applications qui interprètent le DPI de l'écran d'affichage. Dès que vous Imprimez à partir de l'Aperçu de la taille de l'aperçu montre différemment bien sûr.
    être utilisé, pas nécessairement est utilisé. Les informations qui la rend possible est là, même si beaucoup de/la plupart des applications ne l'utilisez pas. (Bien que l'impression et aperçu avant impression que vous avez mentionné est un exemple de celui qui n'en a — "est affiché sur un appareil" comprend l'impression sur papier.)
    Merci pour la réponse. C'est pourquoi j'ai cité "peut être utilisé"; je ne suis pas en train de dire. Mon point de vue (en effet une question) est de savoir si toutes les applications modernes (je suis sur un Mac pour la plupart) le respect (la peine de l'effet de levier) le DPI métadonnées à tous les affichages à l'écran. Il semble être la pratique actuelle (au moins sur les applications que j'utilise sur un Mac) est de les traiter de la façon web graphiques sont utilisés, complètement orienté sur des pixels, et en ignorant les DPI indication sur un écran.
    Plus de contexte: je ne veux pas dire que vous êtes "trompeuses", de l'indication de PPP peut être "trompeuses" dans de nombreux outils. Par exemple, dans Pixelmator Pro sur Mac, lorsque vous redimensionnez une image, vous propose des (mal nommé), la "Résolution", où vous pouvez choisir de 72, soit 300 pixels/pouce etc pour un PNG. Sauf si vous prévoyez d'imprimer l'image PNG (que l'on pourrait encore le faire), il est "erroné", au moins sur la plate-forme Mac, si les applications ne se soucient pas de ces métadonnées. L'exporter à 72 ou 300 DPI et il semble ne fait aucune différence n'importe où, pour n'importe quel Mac app, à moins que vous imprimez. (La résolution est en fait la largeur x la hauteur.)
    Pour les images raster, je ne sais pas du tout d'applications désinvolte qui n'physique de l'échelle de taille pour l'affichage, mais je ne suis pas passé à la recherche. Mais des lecteurs de PDF, y compris le Mac "Aperçu" de l'app, l'échelle à la taille physique si vous choisissez "taille réelle", comme le réglage du zoom (en supposant que le système d'exploitation sait le moniteur du DPI, il le fait sur un MacBook). C'est un peu différent puisque le PDF est vectoriel et n'a pas de "points" (pixels), mais son système de coordonnées internes a une relation définie aux dimensions physiques, qui est à peu près analogue à un DPI.

    OriginalL'auteur Wyzard

  2. 10

    PNG n'ont la capacité de stocker pixels/mètre, séparément pour les directions X et Y, dans le PNG "pHYs" chunk. Malheureusement, cela ne permet pas exact de conversions (72 dpi est 2834.64566929 pixels par mètre qui est stocké comme 2835 pixels/mètre et lors de sa conversion au DPI devient 72.009); certaines personnes peuvent trouver cela dérangeant.

    JPEG peut également stocker X_density et Y_density, en unités de pixels/pouce ou pixels/cm.

    Merci pour cette information! A juste pris un coup d'oeil pour moi parce que j'ai trouvé cela étrange, et la première pensée c'est le Logiciel que j'utilise. Mais après quelques tests, et de regarder les autres DPI unités avec GIMP, j'en suis venu à la conclusion que c'est à l'aide de px/m. J'ai juste "googlé" pour voir si l'unité de stockage peut être changé.. Juste une remarque: j'ai surtout vu arrondir le nombre vers le bas, ce qui entraîne 71,984 dpi, ce qui rend également le sentiment que c'est juste le casting du flotteur pour un entier, je dirais.
    Merci pour réellement répondre à la question (ou au moins le premier point). La accepté de répondre à ignorer.

    OriginalL'auteur Glenn Randers-Pehrson

  3. 2

    DPI est rarement significative sauf quand on fait de la mise en page. Si vous avez un plan, DPI de l'information est essentiel à la bonne mise à l'échelle sur la page.

    JPEG n'a pas de support pour les DPI. Cependant, les différentes les formats de fichiers JPEG ne.

    Logiciels tels que Photoshop fait partie d'un package de mise en page (Creative Suite). Donc, il (et Illustrator, et InDesign) de prendre avantage de la résolution de l'information de raconter comment la mise en page.

    Vous pourriez avoir un 100x100 image d'une résolution de 100 DPI et une image de 500x500 à 500 DPI, qui serait de la même taille sur la page.

    Cette effacé quelque chose pour moi (je n'utilise pas Photoshop mais suis en train de travailler sur quelque chose avec quelqu'un qui n'). Si quelqu'un travaille habituellement avec impression centrée sur les mises en page - par opposition à des images pour le web - ils peuvent très bien avoir l'impression que la "plus grande DPI provoque une plus grande taille de fichier" (pour la même apparente de la taille de l'image dans un Photoshop de mise en page). Alors que pour un PNG raster image sur un écran d'affichage ou pour les graphiques web, le DPI ne change pas la taille du fichier à tous, il est entièrement déterminé par le nombre de X par Y des pixels et de la profondeur de bits par canal de couleur (et, éventuellement, d'un canal alpha).

    OriginalL'auteur user3344003

  4. 1

    Les autres réponses sont correctes, mais peut transporter trop de détails. Tout ce qui compte c'est le nombre de pixels. Le dpi va affecter la façon dont Photoshop ou autre application peut afficher, mais à la fin, plein écran non retina est de 1024x768 et dans la rétine est de 2 048 x 1 536. Gardez à l'esprit que l'iPhone 6 Plus ajouté Retina HD qui est 3x.

    SI vous avez suffisamment de RAM et assez rapide de la machine, vous pouvez créer des graphiques en 3x de sorte que vous pouvez re de l'échantillon et de les enregistrer pour les trois tailles.

    OriginalL'auteur David Berger

  5. 0

    Ils ne sont PAS EXACTEMENT les mêmes. Fichier 1 est le double de la largeur, et le double de la hauteur, donc 4 fois plus de pixels que l'image numéro 2. Les deux fichiers, quel que soit DPI ont des dimensions en pixels, par conséquent, le DPI n'a pas d'importance sur PC parce qu'un ordinateur utilise ces px.

    Le DPI est en effet pour l'impression. C'est pour assurer une meilleure qualité sans modification de la taille (ce qui serait en pouces par exemple) DPI ne nous raconte que le pixel de pouce de ratio lors de l'affichage sur papier ou différents écrans d'ordinateur.

    Vous devez le dire à votre client pour envoyer une autre photo avec la résolution souhaitée.

    OriginalL'auteur Nicky Smits