Convertisseur px en rem : px, rem, pt, em, mm

Dernière mise à jour :

px

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.

Formule
1 px = 0,0625 rem

Tous les résultats

px 1
rem 0,0625
em 0,0625
% 6,25
pt 0,75
pc 0,0625
in 0,0104167
cm 0,0264583
mm 0,264583

Tableau de référence rapide : Pixel → Em racine

Valeur (px)Résultat (rem)
10,0625 rem
80,5 rem
100,625 rem
120,75 rem
140,875 rem
161 rem
181,125 rem
201,25 rem
241,5 rem
322 rem
483 rem
644 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.

Tailleremptmm
Texte de 10 pt (notes de bas de page)0,8333103,528
Taille de texte par défaut d’un navigateur1124,233
Texte de 12 pt dans un traitement de texte1124,233
Titre h2 par défaut1,5186,35
Taille minimale d’une cible selon les WCAG 2.2 (2.5.8)1,5186,35
Titre h1 par défaut2248,467
1 centimètre2,36228,3510
1 pouce67225,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.

  1. 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.
  2. 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.
  3. 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.
  4. 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 :