Ce convertisseur de PX en PT est un outil léger accessible dans le navigateur qui convertit instantanément des pixels en points et inversement pour les projets destinés à l’écran ou à l’impression.
Caractéristiques principales :
- Conversion bidirectionnelle - tapez dans l'un des champs et les autres mises à jour en temps réel
- Mode DPI toggle - basculer entre l'écran (96 dpi) et l'impression (72 dpi) pour correspondre à votre contexte
- Affichage de formule en direct - affiche la multiplication exacte utilisée afin que vous compreniez les maths, pas seulement le résultat
- Référence des valeurs communes - 12 jetons cliquables pour les tailles fréquemment utilisées comme 8px, 16px, 24px, 64px
- Copier les boutons - saisir l'une ou l'autre valeur dans le presse-papiers en un clic
- Swap - inverser la direction de la conversion sans retaper
Utile pour les concepteurs qui se déplacent entre Figma, CSS et les documents d'impression. La barre de formule en fait un outil d'apprentissage aussi, pas seulement une calculatrice.
Comment utiliser ce convertisseur PX vers PT
Choisissez Écran (96 dpi) ou Impression (72 dpi) en haut du convertisseur ci-dessus, puis saisissez une valeur dans l'un ou l'autre champ. L'autre champ est mis à jour au fur et à mesure que vous tapez et la barre de formule affiche la multiplication exacte derrière le résultat.
Les 12 jetons sous les champs remplissent les tailles communes en un clic. Utilisez le bouton d'échange pour inverser la direction, et les boutons de copie pour saisir l'une des valeurs.
Le basculement DPI est important car les pixels et les points ne s'alignent qu'à 72 dpi. A la résolution standard de 96 dpi utilisée par la plupart des écrans et par tous les navigateurs, 1px équivaut à 0.75pt. C'est pourquoi l'hypothèse 1px = 1pt brise les choses en production.
La formule PX vers PT
La formule générale dépend de la densité de pixels de l'environnement de sortie :
pt = px × 72 ÷ PPI
Le PPI est la variable que la plupart des gens oublient. Selon la norme Web 96 PPI, 72 ÷ 96 équivaut à 0,75, ce qui donne le raccourci sur lequel chaque convertisseur et chaque feuille de style d'impression CSS s'appuie :
pt = px × 0.75
- 16px → 12pt
- 24px → 18pt
- 32px → 24pt
- 10px → 7.5pt
Le CSS Values and Units Module (EN) du W3C fixe ce rapport directement : un pixel CSS équivaut à 1/96 de pouce, et un point équivaut à 1/72 de pouce. Ce chiffre de 1/96 est le même que celui utilisé pour calculer le nombre de pixels qui rentrent dans un pouce (EN) sur un écran standard.
A 72 PPI, les pixels et les points sont égaux : 1px = 1pt. C'est d'où vient le mythe "ils sont les mêmes". Il ne tient qu'à 72 PPI, ce qui est rare sur les écrans modernes.
Les arrondis sont importants ici. Les valeurs qui ne sont pas divisées uniformément produisent de longues décimales, et la plupart des outils de conception arrondis à une ou deux décimales au lieu d'afficher le nombre entier. Un paramètre de designer de 10px obtient exactement 7.5pt, mais 15px atterrit sur 11.25pt.
PT à PX : La formule inverse
Pour revenir des points aux pixels à 96 PPI, divisez par 0,75 ou multipliez par 1,333 :
px = pt ÷ 0.75
- 12pt → 16px
- 9pt → 12px
- 18pt → 24px
- 11pt (par défaut dans Word) → 14.67px
La relation est fixe et symétrique, puisque les deux unités remontent au même pouce. Tapez une valeur dans le champ Points du convertisseur ci-dessus pour l'exécuter.
PX à PT Tableau de conversion
Valeurs de référence à 96 PPI :
| PX | PT |
|---|---|
| 8px | 6pt |
| 10px | 7,5pt |
| 12px | 9pt |
| 14px | 10,5pt |
| 16px | 12pt |
| 18px | 13,5pt |
| 24px | 18pt |
| 32px | 24pt |
| 48px | 36pt |
| 64px | 48pt |
| 72px | 54pt |
| 96px | 72pt |
Le corps du texte standard se trouve à 16px / 12pt. Cette paire est importante car 16px est la taille de police par défaut que chaque navigateur principal affiche sous le mot-clé CSS medium. Les en-têtes et les tailles d'affichage augmentent de manière prévisible à partir de là.
Vous avez besoin de la valeur du pixel dans une unité physique différente ? Un outil de conversion pixel en pouces dédié gère cela seul, et un pixel en centimètre convertisseur similaire couvre le côté métrique.
Qu'est-ce qu'un convertisseur PX en PT ?
Un convertisseur PX vers PT est une calculatrice qui convertit les valeurs de pixel en valeurs de point pour la typographie, les mises en page d'impression et les logiciels de conception.
Il existe parce que CSS (EN) rend le texte à l'écran en pixels, tandis que les outils d'impression et de mise en page mesurent le texte et l'espacement en points. Sans une conversion fixe, une police qui a l'air correcte à l'écran peut s'imprimer à la mauvaise taille.
Les concepteurs atteignent un PX à PT Converter dans quelques situations récurrentes :
- Exportation d’une maquette Web vers un fichier PDF prêt à l’impression
- Définition des tailles de police pour un document destiné à être imprimé et non affiché à l'écran
- Faire correspondre les spécifications typographiques entre une équipe web et une équipe d’impression
- Traduire les tailles de police CSS en valeurs de points pour un guide de style
L'outil diffère d'un convertisseur d'unités général car il suppose un contexte typographique et non un simple contexte de mesure physique. Lui donner une valeur de pixel en pouces ou en centimètres donne une réponse techniquement correcte mais pratiquement inutile, puisque ces unités ne portent pas l'héritage imprimé comme les points.
Le manuel de référence du langage PostScript d'Adobe a fixé le point à exactement 1/72 de pouce en 1985, remplaçant le point d'imprimante légèrement plus petit de 1/72,27 pouce qui avait régi la typographie depuis 1886. Cette décision unique explique pourquoi une conversion moderne de px en pt produit un nombre cohérent et prévisible au lieu des tailles de points fractionnelles que les anciens ateliers d'impression devaient contourner.
PX vs PT : Ce qui distingue ces unités
Les pixels et les points proviennent de deux traditions de mesure différentes, et c'est la seule raison pour laquelle un convertisseur est nécessaire.
Un pixel est lié à l'écran, un point est lié à la page imprimée, et aucun des deux ne s'ajuste automatiquement pour correspondre à l'autre.
Qu'est-ce qu'un pixel (PX) ?
Pixel est l'abréviation de l'élément image, la plus petite unité qu'un écran peut afficher. Les pixels sont dépendants de l'écran : une police de 16px sur un moniteur de 96 PPI a un aspect différent de 16px sur un écran de 72 PPI.
- Un pixel CSS est une unité de référence fixe, pas la même chose qu'un point physique sur un moniteur
- Sa taille de rendu change en fonction de l'écran sur lequel il est affiché
- Les écrans haute densité contiennent plus de points physiques dans l'espace d'un pixel CSS
Les écrans Retina d'Apple sont l'exemple le plus clair de cet effet de densité de pixels (EN), doublant le nombre de points physiques de sorte qu'un pixel CSS s'étend sur deux pixels de l'appareil dans chaque direction.
Qu’est-ce qu’un point (PT) ?
Point est une unité typographique qui précède les écrans d'ordinateur par des siècles, utilisée dans l'impression et la composition.
Un point équivaut à 1/72 de pouce, une mesure physique fixe qui ne change pas en fonction de l'appareil ou de l'écran.
Douze points forment un pica, une autre unité typographique qui apparaît dans les logiciels de mise en page beaucoup plus que sur le web.
Étant donné que les points sont ancrés à un pouce physique, la même valeur de point s’imprime à la même taille, quelle que soit l’imprimante ou le logiciel qui a produit le fichier.
Pourquoi DPI change la conversion de PX en PT
Le DPI détermine combien de points physiques représentent un pouce, et le rapport de 0,75 ne tient qu'à la norme de 96 DPI intégrée dans CSS.
Changez le DPI (EN), et le même nombre de pixels ne correspond plus à la même taille physique.
Les imprimantes commerciales nécessitent généralement 300 DPI (EN) pour une sortie nette, par rapport aux 72 à 96 DPI de la plupart des écrans. Les directives de téléchargement de Vistaprint (EN), par exemple, définissent 300 DPI à la taille d'impression finale comme minimum.
| DPI Standard | Utilisation typique | Effet sur PX à PT |
|---|---|---|
| 72 DPI | Anciens écrans et premiers écrans Mac | 1px = 1pt |
| 96 DPI | Navigateurs web modernes, CSS par défaut | 1px = 0.75pt, le ratio standard |
| 300 DPI | Production d'impression professionnelle | 1px = 0.24pt ; le rapport doit être recalculé |
Une conversion pixel-à-point conçue pour une utilisation à l'écran semble correcte dans un navigateur, mais elle est sous-dimensionnée une fois qu'elle atteint un tirage d'impression à 300 DPI.
Quand utiliser PX vs PT dans le travail de conception
Le travail d'écran appelle px, le travail d'impression appelle pt, et mélanger les deux dans un flux de travail crée des maux de tête de dimensionnement.
Pixels (px) :
- Correspond exactement aux écrans et aux fenêtres des appareils
- Ignore la taille physique, donc une mise en page qui ressemble à l'écran peut être imprimée beaucoup plus petite ou plus grande que prévu
Nombre de points (pt) :
- Contient une taille physique fixe sur le papier, quel que soit l'appareil qui a ouvert le fichier
- Ne se mappe pas proprement sur les grilles d'écran basées sur les pixels, de sorte que les aperçus à l'écran peuvent sembler légèrement décalés
De nombreuses équipes de conception standardisent l'espacement à l'aide d'un système de grille à 8 points (EN), qui conserve chaque mesure en px tout en conservant une mise à l'échelle nette une fois convertie pour l'impression.
Cela fonctionne parce que les multiples de 8px sont convertis en valeurs de points arrondis sans décimales restantes.
Les équipes qui mettent l’écran en premier et qui conçoivent pour plusieurs appareils ont tendance à s’appuyer sur des pratiques de design réactif (EN), où px ancre toujours la plupart des mesures, même lorsque les mises en page s’adaptent à différents écrans.
PX vs PT vs EM vs REM : Choisir la bonne unité CSS
Pt apparaît rarement dans le CSS quotidien, puisque les navigateurs utilisent par défaut px, em et rem pour le dimensionnement à l'écran.
Son rôle principal en CSS est d'imprimer des feuilles de style, où une unité physique fixe est plus importante qu'une unité évolutive.
La directive WCAG 1.4.4 (EN) du W3C exige que le texte puisse être redimensionné jusqu'à 200% sans perte de contenu ou de fonctionnalité. C'est une barre que les unités fixes comme px et pt ont du mal à effacer d'elles-mêmes.
| Unité | Type | Balances avec | Utilisation typique |
|---|---|---|---|
| px | Nombre absolu | Rien, taille fixe | Mises en page, bordures |
| pt | Nombre absolu | Rien, taille fixe | Feuilles de style d'impression, composition |
| em | Relative | Taille de police de l'élément parent | Dimensionnement au niveau des composants |
| rem | Relative | Taille de police de l'élément racine | Échelle globale de police et d'espacement |
La différence entre em et rem (EN) fait trébucher beaucoup de nouveaux arrivants, car les deux évoluent par rapport à une taille de police mais font référence à des éléments différents.
Les lignes directrices pour l'accessibilité web (EN) favorisent généralement rem et em sur px ou pt pour le texte, puisque les unités relatives respectent les paramètres du navigateur de l'utilisateur.
Pt conserve sa place pour les feuilles de style spécifiques à l'impression, mais il reste un joueur mineur partout ailleurs dans CSS.
Quel logiciel utilise PT vs PX par défaut
Les navigateurs et les outils à l'écran utilisent par défaut px, tandis que les logiciels d'impression et de traitement de texte utilisent par défaut pt.
La séparation correspond à ce que chaque programme a été conçu pour produire.
| Logiciels | Unité par défaut | Conçu pour |
|---|---|---|
| Navigateurs Web / CSS | px | Rendu d'écran |
| Adobe InDesign | Picas et points | Mise en page d'impression |
| Microsoft Word | Points | Documents, impression |
| Figma | px seulement | Conception d'écran et d'interface utilisateur |
InDesign est livré avec picas comme unité de règle par défaut pour les nouveaux documents d'impression, bien que la taille de caractère elle-même soit toujours définie en points, comme l'indique la documentation sur les unités de mesure d'Adobe (EN).
Word gère cela encore plus directement : sa propriété Font. Size (EN) retourne et définit la taille de police en points, et un document vide est par défaut défini sur Calibri 11 points.
Figma se trouve à l'autre extrémité entièrement. La documentation propre de Figma (EN) montre chaque champ de cote en pixels, sans aucune option de point intégrée dans l'interface.
Cet écart provoque de véritables frictions lorsqu’une spécification de type écrite en points pour l’impression est remise à une équipe travaillant dans un outil pixel uniquement. Quelqu'un doit le convertir dans un sens et dans l'autre.
Les différences de rendu aggravent le problème entre les programmes, ce qui explique en partie pourquoi les tests de compatibilité entre navigateurs (EN) sont importants pour toute mise en page qui mélange les deux types d'unités.
Comment convertir PX en PT en CSS
La conversion à l'intérieur de CSS lui-même prend quatre étapes.
- Identifiez la valeur de pixel à partir de laquelle vous travaillez
- Multipliez cette valeur par 0,75
- Écrivez le résultat comme une valeur pt dans la propriété qui en a besoin, comme font-size
- Prévisualisez la page et confirmez que la taille rendue correspond à ce que vous attendiez
Un en-tête de 20px devient font-size : 15pt ; une fois converti.
La plupart des équipes ne font cela que lorsqu'elles écrivent une feuille de style d'impression dédiée, puisque pt à l'intérieur d'une feuille de style d'écran normale ne se comporte pas comme px.
Envelopper les règles basées sur pt à l'intérieur d'une requête média (EN) spécifique à l'impression les empêche d'affecter l'apparence de la page sur un écran normal.
En sautant cette étape, les visiteurs qui naviguent normalement pourraient voir des polices de taille pour le papier, pas pour les moniteurs.
Comment convertir PX en PT dans un logiciel de conception et d'impression
Conversion dans Adobe Illustrator et InDesign
- Ouvrez Préférences et définissez la règle ou l'unité de type sur points
- Entrez la mesure en pixels multipliée par 0,75 directement dans le champ de taille
- Confirmez la valeur dans le panneau Caractère ou Paragraphe, qui affichent tous deux la taille du texte en points par défaut.
Les deux applications conservent les mesures de caractères en points, quelle que soit la valeur des unités de la règle, puisque les points sont l'unité typographique native dans les outils d'impression d'Adobe.
Conversion dans Microsoft Word
- Champ Taille de police : déjà mesuré en points, donc une valeur pt convertie va directement dans la boîte de taille
- Espacement et marges : Word utilise par défaut les pouces pour la mise en page, ce qui nécessite une conversion distincte si des valeurs de pixels sont impliquées.
Il n'y a aucune entrée px directe nulle part dans l'interface de Word, donc chaque spécification basée sur les pixels doit être convertie avant d'être utilisable.
Conversion d'un fichier de conception d'écran pour l'impression
Exporter une maquette d'écran en quelque chose d'imprimable signifie changer plus que la taille des polices.
L'ensemble du fichier doit généralement passer à une résolution d'écran (EN)beaucoup plus élevée avant que les mesures basées sur les pixels ne se traduisent en quelque chose d'utilisable sur papier.
Trois choses changent à la fois lors de cette exportation :
- Convertir les tailles de police de px en pt en utilisant le rapport 0.75
- La résolution de l'image passe de la densité de l'écran vers 300 DPI
- L'espacement et les marges sont souvent reconstruits en pouces ou en millimètres plutôt que mis à l'échelle directement
Sauter l’une de ces trois étapes est la raison la plus courante pour laquelle un design parfait pour l’écran revient de l’imprimante avec un mauvais aspect.
Lorsque la conversion de PX en PT ne s'applique pas
Le rapport 0.75 ne tient qu'à exactement 96 DPI.
Déplacez-vous en dehors de cette condition spécifique, et la formule standard px à pt cesse de donner une réponse physiquement précise.
Où la formule standard se décompose :
- Tout écran ou document défini sur un DPI autre que 96, puisque le rapport a été fixé sur cette ligne de base
- Écrans Retina et mobiles haute densité, où un pixel CSS est mappé à deux, trois ou plusieurs pixels physiques de l'appareil
- Fichiers convertis pour une sortie d'impression 300 DPI sans recalculer le rapport pour cette résolution
- Documents utilisant des points Didot au lieu de points standard, puisque les deux systèmes de points n'ont pas la même taille physique
La définition pixel de référence (EN) du W3C reconnaît directement l'écart : un pixel CSS est d'environ 0,26 mm à une distance de lecture normale. Ce chiffre suppose une configuration de visualisation spécifique plutôt qu'un point d'écran réel mesuré.
Il s'agit d'une approximation délibérée, pas d'une garantie physique, c'est exactement pourquoi le même nombre de pixels ressemble à différentes tailles physiques sur différents écrans.
Quelques erreurs apparaissent constamment à cause de cela :
- Appliquer le rapport 0,75 à un fichier d'impression qui est en fait défini sur 300 DPI, produisant un texte beaucoup plus petit que prévu
- Traiter un pica et un point comme étant interchangeables, alors qu'un pica est en fait douze points
- En supposant qu'une valeur pt convertie sera identique dans chaque navigateur ou moteur de rendu de chaque système d'exploitation
Lorsque l'une de ces conditions s'applique, le correctif n'est pas une formule différente. Il bascule vers n'importe quelle unité dans laquelle le logiciel de destination mesure réellement, qu'il s'agisse de paramètres d'impression sensibles aux DPI ou de champs de points natifs du logiciel.
Les unités statiques comme px et pt compliquent également les choses pour les lecteurs qui redimensionnent le texte dans leur navigateur. C'est une raison de plus pour laquelle les directives sur la typographie accessible (EN) s'éloignent entièrement des unités fixes pour le corps du texte à l'écran.
Questions fréquentes : Convertisseur de PX en PT
Qu'est-ce qu'un Pica et comment est-il lié aux points ?
Une pica est une unité typographique égale à douze points, utilisée principalement pour mesurer la largeur des colonnes et la longueur des lignes dans la mise en page d'impression.
Les points mesurent la taille des caractères, les picas mesurent les blocs d'espace plus grands. La règle d'Adobe InDesign s'affiche à la fois en notation p et pt.
Le zoom du navigateur ou la densité de l'écran affectent-ils la conversion ?
Le zoom du navigateur met à l'échelle la page entière, pixels compris, de sorte que le rapport de 0,75 reste valable à n'importe quel niveau de zoom.
La densité d'écran fonctionne différemment : les écrans à haute densité emballent plus de points physiques dans chaque pixel CSS, déformant l'apparence d'une taille de point convertie sans changer les calculs.
Pouvez-vous convertir PT en PX en utilisant la même formule à l'inverse ?
Oui. Divisez la valeur en points par 0,75 ou multipliez-la par 1,333 pour retrouver les pixels. 12pt deviennent 16px et 18pt deviennent 24px. Vous trouverez des exemples de calcul dans la section PT vers PX ci-dessus.
Quelle est la différence entre un point standard et un point de Didot ?
Un point standard, utilisé en CSS et dans la plupart des logiciels, équivaut à 1/72 de pouce, soit environ 0,353 mm.
Un point Didot, commun dans la composition européenne continentale, mesure environ 0.376mm, basé sur l'ancien pouce royal français plutôt que le pouce moderne.
Les unités relatives telles que REM et EM ont-elles besoin d’être converties en PT ?
Non. Rem (EN) et em échelle par rapport à une taille de police, tandis que pt est une unité physique fixe sans relation avec un élément parent ou racine.
La conversion entre eux va à l'encontre de l'objectif d'utiliser une unité relative en premier lieu.
Comment confirmez-vous un résultat de convertisseur PX en PT avant de l'utiliser ?
Un résultat du convertisseur PX en PT est confirmé en vérifiant trois éléments dans l'ordre : l'hypothèse DPI derrière le nombre, l'unité attendue par le logiciel de destination et le rendu réel de la valeur une fois placée.
Sauter l'ordre coûte plus de temps que de le suivre. Une fausse hypothèse de DPI ne fait surface que lors de la troisième vérification, après que l'effort ait déjà été investi dans les deux premières.
- Confirmez le DPI pour lequel le fichier est construit
- Faire correspondre l'unité au logiciel de destination
- Rendu ou impression d'un échantillon de test avant finalisation
Suivre cette séquence ajoute une étape manuelle à chaque transfert entre une équipe d’écran et une équipe d’impression. En échange, le document n'a jamais besoin d'être redimensionné après livraison.
Une fois que les tailles de police sont extraites, l'espacement et la largeur de mise en page sont les endroits suivants où l'incohérence se cache. C'est là que la comparaison px contre rem (EN) devient la question de conversion la plus utile.