Convertissez des picas en pixels

Le pica se convertit en pixels par deux opérations : vous divisez la dimension en picas par six et vous multipliez par le DPI. À 96 DPI un pica fait exactement 16 pixels, à 150 DPI 25 pixels et à 300 DPI, la densité de l’imprimerie, 50 pixels. La valeur de 96 pixels par pouce est celle que la spécification CSS attribue à l’écran[1].

Le six de la formule vient de ce qu’un pica vaut exactement un sixième de pouce. Toutes les densités courantes se divisent par six sans reste, donc le résultat tombe sur un nombre entier à 72, 96, 150, 300 et 600 DPI.

Dans un atelier français, le pica arrive avec un fichier composé dans un logiciel réglé à l’anglo-saxonne. InDesign et QuarkXPress y donnent les largeurs de colonnes, les gouttières et les marges, donc la dimension d’une maquette étrangère vous parvient en picas alors que vous avez besoin de pixels.

Plus bas vous trouverez un tableau de 19 dimensions à quatre densités, la comparaison des trois systèmes de pica, la lecture de l’écriture 5p6 et la description du sélecteur sous les champs. Le sens inverse est calculé par le convertisseur de pixels en picas.

La formule tient en deux opérations : pixels = picas ÷ 6 × DPI. La première transforme les picas en pouces, la seconde les pouces en pixels.

Exemple pour une colonne large de 20 picas à 300 DPI : 20 ÷ 6 donne 3,333 pouces, et 3,333 × 300 donne 1 000 pixels. La même colonne à l’écran, à 96 DPI, fait 320 pixels.

Un raccourci utile pour le travail à l’écran : un pica vaut 16 pixels, c’est-à-dire exactement la taille de texte par défaut d’un navigateur. Le convertisseur de rem en pixels décrit la même mesure, donc avec les réglages par défaut 1 pica, 1 rem et 16 pixels sont à l’écran la même distance.

Un pica se divise en douze points, et le point vaut 1/72 de pouce[2]. D’où un second raccourci : une dimension donnée en points se divise par douze pour obtenir des picas. Les points eux-mêmes sont convertis par le convertisseur de points en pixels.

Quand la spécification donne la dimension en pouces ou en unités métriques, le même calcul est mené par le convertisseur de pouces en pixels, le convertisseur de millimètres en pixels et le convertisseur de centimètres en pixels.

L’unité appelée pica a aujourd’hui trois valeurs, et les trois sont en usage. Le sélecteur Type de pica, sous les deux colonnes, fait passer le calcul de l’une à l’autre.

Le pica PostScript vaut un sixième de pouce, soit 4,2333 mm. C’est celui d’InDesign, de QuarkXPress et de l’unité pc du CSS[1], donc il convient à tout ce qui vient de la composition numérique. Il est sélectionné par défaut.

Le pica typographique mesure 400/2409 de pouce, soit 4,2175 mm. La norme a été fixée en 1886 par l’association américaine des fondeurs de caractères, et TeX comme LaTeX calculent encore avec elle[2]. Choisissez-le quand la dimension vient d’une composition scientifique.

Le cicéro, lui, est français. Il vaut douze points Didot, du nom de François-Ambroise Didot qui définit ce point en 1770, et il correspond à 1/72 de pied français[3]. Le pied de roi mesurant 324,839 mm, cette définition d’origine donne 4,5117 mm. Avant Didot, Pierre-Simon Fournier avait proposé dès 1737 un point d’environ 0,345 mm, la première tentative de normalisation des corps[3]. Le cicéro est plus large de 6,6 pour cent que le pica PostScript, donc à 300 DPI il donne 53,30 pixels contre 50.

L’outil calcule avec le point Didot de 0,376065 mm, c’est-à-dire un cicéro de 4,5128 mm. Deux autres définitions coexistent : celle d’origine, tirée du pied français, donne 4,5117 mm, et celle de 2 660 points par mètre donne 4,5113 mm. Les valeurs extrêmes sont séparées de 0,033 pour cent, donc il faut 57 cicéros côte à côte pour que l’écart atteigne un pixel à 300 DPI.

Les logiciels de mise en page écrivent une dimension composée : le nombre de picas, la lettre p, le nombre de points. L’écriture 5p6 signifie cinq picas et six points[2].

Pour la saisir dans le champ du convertisseur, vous divisez le nombre de points par douze et vous l’ajoutez au nombre de picas. Six points font un demi-pica, donc 5p6 se saisit comme 5,5. Le champ accepte la virgule comme le point, donc 5,5 et 5.5 fonctionnent aussi bien.

Le tableau ci-dessous détaille onze dimensions dans cette écriture, avec leur valeur décimale et leur nombre de pixels à 300 DPI. L’écriture du résultat dans l’autre sens est expliquée par le convertisseur de pixels en picas.