Un point correspond à 1,3333 pixels à 96 dpi. La relation est fixée par la spécification CSS plutôt que par un écran physique : un pixel CSS est défini comme 1/96 d'un pouce, et un point comme 1/72, donc le rapport est exactement 96/72.
h2.units
Le point est l'unité traditionnelle de taille de police, exactement 1/72 d'un pouce depuis que PostScript l'a standardisée dans les années 1980. Le pixel en conception web n'est pas du tout un pixel matériel — la spécification CSS définit un pixel de référence comme l'angle visuel de 1/96 pouce à bout de bras, et les navigateurs le mappent ensuite sur ce que l'affichage a réellement. Sur un écran haute densité, un pixel CSS peut être deux ou trois pixels de l'appareil, c'est pourquoi une police de 16 pixels a la même taille physique sur un téléphone et un moniteur de bureau malgré des densités de pixels très différentes.
h2.factor
Le facteur est exactement 96 ÷ 72 = 4/3 = 1,3333. Ainsi, 12 pt équivaut à 16 px, 9 pt à 12 px et 18 pt à 24 px. Le chiffre de 96 dpi provient de la décision de Microsoft dans Windows d'assumer cette densité pour le rendu d'écran, que la spécification CSS a ensuite adoptée comme référence. Cela n'a jamais été vrai pour un moniteur particulier ; c'était une convention choisie pour que le texte spécifié en points apparaisse à une taille lisible sur un écran typique des années 1990.
h2.usage
Conception web et d'interface, où un concepteur travaille en points dans un outil orienté impression et un développeur implémente en pixels. Les guides de style qui spécifient la typographie en points doivent être traduits, et un corps de texte de 12 pt devenant 16 px est la conversion la plus courante dans ce domaine. L'adaptation des directives de marque de l'impression au web passe par là. Notez que la pratique CSS moderne privilégie les unités rem par rapport aux deux, précisément parce qu'elles s'adaptent à la taille de base choisie par l'utilisateur plutôt que d'être fixes.