Convertisseur px en rem : px, rem, pt, em, mm
Dernière mise à jour :
rem se mesure par rapport à cette taille, et ici em et % aussi. En CSS, em et % suivent l’élément parent : ils ne valent donc rem que là où aucun parent ne change la taille de police.
1 px = 0,0625 remTous les résultats
Tableau de référence rapide : Pixel → Em racine
| Valeur (px) | Résultat (rem) |
|---|---|
| 1 px | 0,0625 rem |
| 8 px | 0,5 rem |
| 10 px | 0,625 rem |
| 12 px | 0,75 rem |
| 14 px | 0,875 rem |
| 16 px | 1 rem |
| 18 px | 1,125 rem |
| 20 px | 1,25 rem |
| 24 px | 1,5 rem |
| 32 px | 2 rem |
| 48 px | 3 rem |
| 64 px | 4 rem |
À propos de px, rem et pt
CSS fixe 1 pouce à 96 px, donc 1 pt, soit 1/72 de pouce, vaut 1,333 px, et 1 mm vaut 3,78 px. rem et em sont relatifs. 1 rem est la taille de police de la racine : 16 px dans tous les navigateurs courants, sauf si le visiteur la modifie. 24 px font donc 1,5 rem. Si une feuille de style définit une autre taille de racine, saisissez-la comme base au-dessus des champs. em suit la taille de police de l’élément parent, donc il ne vaut rem que là où aucun parent ne la modifie.
Tailles courantes de texte et d’éléments
Avec la base par défaut de 16 px. CSS fixe 1 pouce à 96 px, donc les colonnes pt et mm restent les mêmes quelle que soit la base ; seule la colonne rem change avec elle.
| Taille | rem | pt | mm |
|---|---|---|---|
| Texte de 10 pt (notes de bas de page) | 0,8333 | 10 | 3,528 |
| Taille de texte par défaut d’un navigateur | 1 | 12 | 4,233 |
| Texte de 12 pt dans un traitement de texte | 1 | 12 | 4,233 |
| Titre h2 par défaut | 1,5 | 18 | 6,35 |
| Taille minimale d’une cible selon les WCAG 2.2 (2.5.8) | 1,5 | 18 | 6,35 |
| Titre h1 par défaut | 2 | 24 | 8,467 |
| 1 centimètre | 2,362 | 28,35 | 10 |
| 1 pouce | 6 | 72 | 25,4 |
Histoire du point et du pixel
Les caractères se mesuraient en points bien avant les écrans : les fondeurs de caractères avaient besoin d’une seule unité pour fondre des lettres qui s’alignent. Les ordinateurs ont fixé le point à 1/72 de pouce.
- Pierre-Simon Fournier a publié une table de corps de caractères mesurés en points typographiques : son échelle divisait le pouce en 12 lignes et chaque ligne en 6 points.
- L’association des fondeurs de caractères des États-Unis a adopté un système de points pour les corps de caractères, dans lequel la nonpareille vaut 6 points et la pica 12.
- Adobe a présenté PostScript, dont l’unité de longueur sur la page est le 1/72 de pouce : selon Adobe, à peu près la même que le point utilisé en imprimerie.
- CSS 2.1 est devenue une recommandation du W3C. Elle fixe 1 pouce à 96 px et 72 pt, donc 1 px vaut 0,75 pt, et fonde le pixel sur un point d’un écran de 96 dpi vu à bout de bras.
Sources :
- Fournier, Manuel typographique, vol. 1 (1764), pp. 130-132 (s’ouvre dans un nouvel onglet)
- The Inland Printer, vol. 4 (1886-1887) (s’ouvre dans un nouvel onglet)
- Adobe, PostScript Language Reference, 3rd edition (s’ouvre dans un nouvel onglet)
- W3C, CSS 2.1 (2011), 4.3.2 Lengths (s’ouvre dans un nouvel onglet)