QuickUnits

Typographie

Pixels à 72 dpi en pixels à 96 dpi

1 px @72 = 1,33333 px @96

—

Un pixel à 72 dpi correspond à 1,3333 pixels à 96 dpi. Les deux représentent la même longueur physique exprimée par rapport à des densités d'écran supposées différentes, et les deux nombres sont un fossile de l'ancienne division entre Macintosh et Windows.

h2.units

Aucun de ces chiffres ne décrit un affichage réel. Le Macintosh original d'Apple utilisait une convention de 72 dpi de sorte qu'un pixel d'écran correspondait à un point typographique, rendant la mise en page WYSIWYG simple : une police de 12-point occupait 12 pixels. Microsoft a choisi 96 dpi pour Windows, arguant qu'un moniteur typique était visualisé de plus loin qu'une page et que le texte devait être un tiers plus grand pour être également lisible. Les deux conventions ont coexisté pendant deux décennies, et les documents multiplateformes sont apparus un tiers plus grands ou plus petits selon l'hypothèse faite par le logiciel.

h2.factor

Le facteur est exactement 96 ÷ 72 = 4/3. Une image de 100-pixel à 72 dpi a la même taille physique qu'une image de 133-pixel à 96 dpi. L'héritage persiste dans les métadonnées d'image : les documents scannés et les graphiques plus anciens sont souvent étiquetés 72 dpi, et placer une telle image dans un programme de mise en page à sa taille nominale donne quelque chose d'un tiers trop grand. La pratique moderne contourne le problème en traitant les images raster comme des dimensions en pixels et en spécifiant explicitement la taille d'affichage, mais l'étiquette dpi est toujours présente dans le fichier.

h2.usage

Conversion d'actifs hérités et travail de mise en page multiplateforme. Les fichiers image hérités d'anciens flux de travail Mac portent des métadonnées 72 dpi qui doivent être réinterprétées. Les graphiques web n'ont pas de dpi significatif du tout — le navigateur utilise les dimensions en pixels — pourtant les concepteurs exportent toujours à 72 dpi par habitude, ce qui est inoffensif mais explique pourquoi le nombre persiste. Les dimensions des captures d'écran, les spécifications des icônes et la rastérisation des PDF touchent toutes la même relation 4/3.

h2.table

table.from (px @72) table.to (px @96)
1 1,33333
2 2,66667
5 6,66667
10 13,3333
25 33,3333
50 66,6667
100 133,333
500 666,667
1 000 1 333,33

approxNote

h2.reverse

1 px @96 = 0,75 px @72

Les pixels à 96 dpi en pixels à 72 dpi se multiplient par 0,75. Le conseil pratique est d'arrêter de penser en dpi pour le travail d'écran entièrement : spécifiez les dimensions en pixels pour les images et rem ou points pour le texte, et le 4/3 n'aura jamais à être appliqué.

table.from (px @96) table.to (px @72)
1 0,75
2 1,5
5 3,75
10 7,5
25 18,75
50 37,5
100 75
500 375
1 000 750

h2.related

seeAllInCategory