Mode d’emploi
- Choisissez l’unité que vous avez (pt, px, mm, em ou %) et indiquez la taille.
- Toutes les autres unités s’affichent d’un coup, avec un aperçu à cette taille.
- Pour em, rem et %, réglez la taille de police de base — les navigateurs utilisent 16 px par défaut.
Explication des options
- Points et pixels
- Un point vaut 1/72 pouce et le CSS définit un pixel comme 1/96 pouce, donc 1 pt = 4/3 px et 12 pt = 16 px.
- Millimètres
- 1 pt = 25,4 ÷ 72 ≈ 0,353 mm. C’est la taille physique du corps de caractère et s’applique à l’impression.
- em, rem et pourcentage
- Un multiple de la taille de police de base. Avec une base de 16 px, 1 em = 1 rem = 100 % = 16 px = 12 pt.
- Taille chinoise (号)
- Les traitements de texte chinois nomment les tailles au lieu d’utiliser des points, de 初号 (42 pt) à 八号 (5 pt). Vous pouvez aussi convertir vers et depuis ces tailles.
Tailles courantes
| pt | px | em (base 16 px) |
|---|---|---|
| 9 | 12 | 0,75 |
| 10,5 | 14 | 0,875 |
| 12 | 16 | 1 |
| 14 | 18,67 | 1,1667 |
| 18 | 24 | 1,5 |
| 24 | 32 | 2 |
Tailles web en pixels, points et rem
Avec la valeur par défaut du navigateur, 16 px, comme taille de base :
| Pixels | Points | rem / em | Usage typique |
|---|---|---|---|
| 12 px | 9 pt | 0,75 rem | Légendes, notes de bas de page |
| 14 px | 10,5 pt | 0,875 rem | Petit texte, libellés |
| 16 px | 12 pt | 1 rem | Texte courant |
| 18 px | 13,5 pt | 1,125 rem | Grand texte courant, paragraphes d’introduction |
| 20 px | 15 pt | 1,25 rem | Petits titres |
| 24 px | 18 pt | 1,5 rem | Titres |
| 32 px | 24 pt | 2 rem | Titres de page |
Quelle unité utiliser
pt (points) sont destinés à l’impression et aux traitements de texte : 1 pt vaut 1/72 de pouce, donc un texte de 12 pt a la même taille physique sur n’importe quelle imprimante.
px (pixels CSS) sont destinés aux écrans : 1 px est défini comme 1/96 de pouce au zoom normal, ce qui fait que 12 pt équivalent à 16 px.
rem et em sont relatifs. 1 rem est la taille de police racine (en général 16 px) ; 1 em est la taille de police de l’élément parent. Utiliser rem pour le texte permet à ceux qui ont défini une police par défaut plus grande dans leur navigateur d’obtenir un texte plus grand partout.
Les millimètres sont utiles pour reproduire un échantillon imprimé : mesurez la hauteur d’une lettre majuscule, et la taille du corps de texte vaut environ 1,4 fois cette hauteur, selon la police.
Questions fréquentes
Combien de pixels fait 12 pt ?
16 px. Multipliez les points par 4/3 pour obtenir des pixels CSS, ou les pixels par 0,75 pour obtenir des points.
Quelle différence entre em et rem ?
rem est relatif à la taille de police de la racine (html) ; em est relatif à la taille de police de l’élément parent. Sans taille de police définie nulle part, les deux valent 16 px.
Pourquoi le texte mesuré à l’écran ne correspond-il pas à la conversion ?
Un pixel CSS est une unité logique définie à 96 DPI. La taille physique à l’écran dépend de la densité de pixels de l’écran et du zoom du système. Les points et millimètres ne sont exacts qu’à l’impression.
Confidentialité
Cet outil fonctionne entièrement dans votre navigateur. Vos fichiers et vos textes sont traités sur votre appareil et ne sont jamais envoyés à nos serveurs.