logo
GeekFormat

Conversion d'unité de taille de police

1Pixel = 0.75Point
0.75

Unités typographiques

Point (pt)0.75
Pixel (px)1
Pixel indépendant de la densité (dp)0.75
Pixel indépendant de l'échelle (sp)0.75

Outil gratuit de conversion d'unités de taille de police en ligne qui prend en charge la conversion bidirectionnelle en temps réel de 4 unités de composition/interface utilisateur couramment utilisées : pt, px, dp et sp. La page actuelle adopte une relation de référence fixe : 1 px = 0,75 pt, 1 pt ≈ 1,333 px. Dans le même temps, dans cet outil, dp et sp sont mappés sur pt selon la même base de référence, ce qui facilite une comparaison statique rapide entre les brouillons de conception, les descriptions Web/CSS et les annotations de l'interface utilisateur Android. Il convient de noter que cette page ne lit pas la mise à l'échelle du navigateur, la densité des pixels de l'appareil, la mise à l'échelle des polices Android ou la taille d'impression réelle, elle est donc plus adaptée à la comparaison des spécifications et à l'unification des documents plutôt que de remplacer les tests de rendu de l'appareil réel. Tous les calculs sont effectués localement dans le navigateur et les données ne sont pas téléchargées sur le serveur.

Recommandations connexes

À propos du calibre de conversion statique de pt, px, dp, sp

pt (point) est une unité de taille de police courante dans le contexte de composition classique. De nombreux éditeurs de documents, logiciels de présentation, manuels de marque et spécifications de polices aiment utiliser pt pour exprimer la taille du texte. px (pixel) est plus couramment utilisé dans les pages Web, les brouillons de conception et les annotations CSS. Il met l'accent sur la taille de référence dans le contexte de l'écran et de l'interface.

Il est important de noter que px en CSS n'est pas toujours égal à un pixel physique sur l'appareil, il est plus proche du "pixel de référence". Par conséquent, les 16 px sur le dessin de conception, les 16 px dans le style de la page Web et la taille visuelle finale affichée sur l'écran du mobile seront toujours affectés par la mise à l'échelle, la densité et la mise en œuvre de la plate-forme.

dp et sp sont plus courants dans le contexte de l'interface Android. De manière générale, dp est plus orienté vers la taille de la mise en page de l'interface, tandis que sp est davantage orienté vers la taille de la police et prendra en compte la mise à l'échelle des polices du système. Cependant, cette page n'est pas un simulateur d'exécution. Il ne lira pas la densité ou la mise à l'échelle des polices d'un certain téléphone mobile. Il place simplement ces unités sur une règle de référence unifiée pour une comparaison statique.

Cette page utilise actuellement une relation de référence fixe : 1 px = 0,75 pt, 1 pt ≈ 1,333 px, et mappe dp et sp à la même donnée de référence, ce qui facilite l'unification rapide des ébauches de conception, des documents de spécifications et de la communication transversale. Il résout le problème de « comment comparer et écrire des documents », et non le problème de « quelle doit être la taille finale de l'affichage sur l'appareil ».

Si votre objectif de travail est la taille d'impression réelle, la précision au millimètre du papier, le système rem/em du navigateur ou la vérification de la mise à l'échelle des polices de la machine réelle Android, vous devez plutôt utiliser les outils de longueur correspondants, les logiciels de conception ou les tests d'appareils réels. Cette page est mieux adaptée à la rédaction de spécifications, à la révision précoce et à la documentation de livraison.

Cas d'utilisation

  • Changez rapidement les tailles de police 16 px, 18 px et 24 px dans le brouillon de conception en pt pour faciliter l'écriture dans les documents PPT, Word ou de spécification de marque
  • Changez les tailles de police 12 pt, 14 pt et 18 pt indiquées dans le document en px pour faciliter la comparaison entre le front-end et le concepteur
  • Lors de la livraison d'une conception Web, mettre CSS Unifier les tailles de police courantes avec le calibre pt dans les documents de présentation
  • Dans la description de l'interface utilisateur Android, remplacer rapidement pt ou px dans le brouillon de conception par des valeurs de référence dp et sp pour faciliter la communication
  • Lors de l'organisation des spécifications de texte de la bibliothèque de composants, unifier l'écriture de l'unité de taille de police des boutons, du texte, des titres et des sous-titres
  • Mélanger les px et pt utilisés dans les systèmes de conception historiques Unifier les tailles de police dans le même ensemble de tableaux de comparaison pour réduire les coûts de migration
  • Ajoutez des annotations à deux unités aux documents de collaboration entre équipes, afin que les terminaux de conception, front-end et mobiles puissent rapidement comprendre la même taille de police
  • Lors de l'inspection visuelle et du contrôle qualité, convertissez et comparez rapidement différentes unités dans les brouillons de conception et les styles de code
  • Lors de la préparation de manuels de marque, d'affiches d'événements ou de modèles de présentation, unifiez d'abord les règles de taille de police dans une taille de référence avant la distribution
  • Préparez un tableau de comparaison unifié des tailles de police pour les e-mails, les pages de destination, les interfaces de rédaction H5 et d'applications
  • Dans l'enseignement et la formation ou le partage interne, expliquez les différences et les relations de conversion communes de pt, px, dp, sp
  • Convertissez rapidement l'annotation de taille de police sur la capture d'écran en un autre ensemble d'unités plus familières à l'équipe pour faciliter la révision et la modification
  • Lors de la documentation produit multilingue, utilisez un calibre de conversion unifié pour compléter les exemples de taille de police pour différentes plates-formes
  • Au début de la phase d'examen lorsqu'il n'y a pas d'équipement à tester, utilisez d'abord la conversion statique pour déterminer rapidement si le niveau de taille de police est généralement raisonnable

Comment utiliser

  1. Renseignez la valeur de taille de police connue dans la zone de saisie, en prenant en charge les nombres entiers et décimaux.
  2. Sélectionnez l'unité source à gauche, facultatif pt, px, dp, sp.
  3. Sélectionnez l'unité cible à droite et les résultats seront mis à jour immédiatement ; vous pouvez cliquer sur le bouton d'échange du milieu lorsque vous devez le visualiser à l'envers.
  4. Si vous souhaitez tout voir en même temps, développez le panneau des résultats pour afficher la correspondance complète de la valeur en 4 unités en même temps.

Fonctionnalités

  • 4 tailles de police/unités d'interface utilisateur haute fréquence couvrant : pt, px, dp, sp, adaptées à une comparaison rapide lors de la conception, de la livraison frontale et mobile
  • Conversion instantanée bidirectionnelle : le résultat est mis à jour immédiatement après la saisie de la valeur, l'unité source et l'unité cible peuvent être librement commutées sans cliquer sur le bouton de conversion
  • Transparence de la relation de référence fixe : la page actuelle utilise 1 px = 0,75 pt, 1 pt ≈ Le benchmark commun de 1,333 px facilite l'unification des spécifications et des avant-projets de conception
  • Comparaison statique claire de dp et sp : cette page place dp et sp sur la même règle de référence pour une conversion rapide, adaptée à la rédaction de documents, à la prise d'annotations et à la communication entre équipes
  • Développez pour afficher tous les résultats : la même valeur de taille de police est en pt, px, dp, sp Les valeurs correspondantes ci-dessous peuvent être affichées en même temps pour faciliter la vérification unique
  • Convient aux petits nombres et aux valeurs intermédiaires : les valeurs non entières courantes dans les conceptions telles que 13,5 px, 10,5 pt, 14 sp peuvent également être directement converties
  • Indiquer clairement la limite de rendu : la page distinguera "conversion statique" et "affichage réel de l'appareil" pour réduire le risque de confondre la valeur de référence avec la taille physique finale
  • Calcul local pur navigateur : aucune requête réseau, aucun journal du serveur, vos annotations de conception, spécifications des composants et paramètres du document de livraison ne quitteront pas l'appareil

Comment choisir l'unité de taille de police ?

Il s'agit également d'écrire « quelle est la taille de la police », et différentes unités conviennent à différents scénarios. Déterminez d’abord si vous rédigez un brouillon de conception, un style Web ou une spécification Android.

UnitéLes scénarios les plus courantsAvantagesNotesCette page prend en charge
ptWord, PPT, PDF, spécifications de marque, documents de policeLes plus courants dans la composition et les contextes de documents, faciles à aligner avec les instructions de policeLors du passage au contexte d'écran, il est préférable d'ajouter une colonne de comparaison pxSupporté
pxPages Web, brouillons de conception, annotations CSS, brouillons d'interfaceLa communication entre la conception et le front-end est la plus directe et la plus courante dans mise en œuvreLes pixels physiques absolus, les navigateurs et les appareils n'affecteront pas l'affichage finalSupport
dpMise en page Android et annotation de l'interfaceConvient à la taille logique de description d'appareil à densité croiséeCette page ne simule pas la densité réelle de l'appareil, uniquement la conversion de référence statiqueAssistance
spAnnotation de la taille du texte AndroidAdapté au contexte du texte et facile à communiquer avec les équipes mobilesL'affichage réel sera également affecté par la mise à l'échelle des polices du systèmePrise en charge
em / rem / mm / inUnités relatives Web ou taille d'impression physiqueConvient à une conception et une mise en œuvre spécifiques systèmesIl n'est pas dans la plage de prise en charge de la page actuelle, et d'autres outils ou benchmarks doivent être utilisésNon pris en charge

Best Practices

Convenez d'abord d'un benchmark unifié pour l'équipe, puis comparez-le entre les unités

Si la conception, le front-end et les terminaux mobiles n'expliquent pas d'abord clairement le benchmark de conversion, il est facile pour les mêmes 16 d'être compris comme des tailles visuelles différentes. Il sera plus stable d'unifier d'abord le calibre, puis d'utiliser cette page pour compléter l'étiquetage double unité.

Traitez les résultats de cette page comme une valeur de référence de livraison, et non comme le résultat final du rendu

Cette page convient à la comparaison statique des ébauches de conception, des documents et des spécifications, mais la mise à l'échelle du navigateur, la densité de l'appareil et les paramètres de police du système peuvent rendre l'affichage réel légèrement différent. La vérification visuelle doit toujours être effectuée dans l'environnement cible avant la mise en ligne.

Passez aux unités de longueur et à un véritable logiciel de composition lorsque des dimensions physiques sont requises

Si votre objectif est de confirmer le format réel du papier, la précision millimétrique du produit imprimé ou la taille physique du PDF exporté, ne vous contentez pas de regarder les résultats de conversion statique de pt/px/dp/sp.

Le texte Android prend en compte la mise à l'échelle des polices du système

sp Les performances sur les appareils réels seront affectées par la mise à l'échelle des polices du système. Cette page ne peut vous donner que des valeurs de référence statiques. En matière d’accessibilité et d’adaptation multi-appareils, vous devez le tester sur un appareil réel.

Web Si vous utilisez réellement rem ou em, clarifiez d'abord la taille de la police racine

Cette page ne modifie pas directement rem/em, mais vous pouvez toujours restaurer rem/em en px en fonction de la taille de la police racine du projet, puis la comparer avec pt ou des annotations de conception. La clé est d’abord de clarifier le contexte.

Essayez de conserver à la fois l'unité d'origine et le résultat de la conversion lors de la livraison.

Par exemple, l'écrire en 16 px / 12 pt ou 14 sp / 14 pt permettra au destinataire de comprendre rapidement votre intention initiale et facilitera le traçage ultérieur.

FAQ

Quelles unités ce convertisseur d'unités de taille de police prend-il en charge ?

Cette page prend actuellement en charge 4 unités : pt, px, dp, sp. Il convient à la comparaison numérique statique dans les brouillons de conception, les tailles de police CSS, les annotations de l'interface utilisateur Android et les documents de composants. La page actuelle ne prend pas en charge les autres unités de composition/longueur telles que em, rem, mm, cm, in ou pc.

1 pt équivaut à combien de px ? 16 px est égal à combien de pt ?

Selon la relation de référence fixe actuellement adoptée sur cette page, 1 pt ≈ 1,333 px, 1 px = 0,75 pt. Donc 16 px = 12 pt, 12 pt = 16 px, 18 px = 13,5 pt. Ce calibre est très approprié pour une vérification croisée rapide entre les brouillons de conception Web et les documents de présentation.

Quelle est la différence entre px et pt ?

pt (point) est plus axé sur la composition et le contexte du document, et apparaît historiquement souvent avec l'impression et la taille de la police ; px (pixel) est davantage axé sur l'écran et le contexte CSS, et est couramment utilisé dans les pages Web et les annotations de brouillon de conception. Ils peuvent tous deux être utilisés pour décrire les tailles de police, mais les environnements d'utilisation sont différents, de nombreuses équipes devront donc effectuer des comparaisons de conversion entre px et pt lors de la livraison des conceptions.

Quelle est la différence entre dp et sp ?

dp est généralement utilisé pour l'expression de la taille de l'interface dans Android qui est liée à la densité mais ne suit pas la mise à l'échelle de la police, et sp est généralement utilisé pour l'expression de la taille du texte qui suivra la mise à l'échelle de la police. Il convient de noter qu'à des fins de comparaison des spécifications statiques, cette page ne lit pas la densité réelle de l'appareil ni la mise à l'échelle des polices du système, mais les place sur une base de référence unifiée pour la conversion linéaire.

Pourquoi la valeur échangée à partir de la page ne peut-elle pas être exactement la même que celle affichée réellement par l'appareil ?

Parce que l'effet d'affichage réel sera affecté par la mise à l'échelle du navigateur, la densité des pixels de l'appareil, la taille de la police racine, la mise à l'échelle de la police du système, la stratégie de rendu de la plate-forme et les règles d'exportation du logiciel de conception. Le but de cette page est d'unifier les calibres statiques, et non de simuler les résultats de rendu d'appareils réels. Ainsi, avant de finalement lancer la mise en ligne, vous devez toujours effectuer une véritable inspection visuelle sur le navigateur ou l'appareil cible.

Pourquoi les relations entre dp, sp et pt dans cet outil sont-elles si proches ?

Parce que la page actuelle utilise des calibres de conversion statiques sous une règle de référence unifiée, ce qui vous permet de comparer rapidement différentes unités dans des documents, des brouillons de conception et des spécifications, au lieu de lire l'environnement de rendu en temps réel d'un certain appareil. Vous pouvez considérer cela comme une « valeur de référence de conversion telle que livrée », plutôt que comme un véritable calculateur de pixels dans le runtime Android.

Peut-il être échangé contre du rem, em, mm, cm ou pouces ?

Pas actuellement. La plage réellement prise en charge sur cette page n'est que de quatre unités : pt, px, dp et sp. Si vous avez besoin d'unités relatives telles que rem et em, ou d'unités de longueur physique telles que mm, cm et in, vous devez utiliser la base de conception correspondante ou d'autres outils de longueur pour les gérer séparément.

Cette page est-elle adaptée à une impression réelle ou au calcul de la taille d'impression ?

Elle ne convient pas au remplacement direct du calcul de la taille d'impression réelle. Parce que cette page ne fournit actuellement pas d'unités de longueur physique telles que mm, cm et in, et ne gère pas non plus le DPI de l'imprimante, les supports de sortie et les règles de mise en page des documents. Si vous souhaitez confirmer le format réel du papier, vous devez plutôt utiliser les unités de longueur et le logiciel de composition actuel pour la vérification finale.

Puis-je saisir une valeur décimale telle que 13,5 px ?

Oui. Les valeurs non entières telles que 10,5 pt, 13,5 px et 14 sp sont couramment utilisées dans les systèmes de conception et les scénarios de réglage fin des interfaces. Cette page peut les convertir directement. Cela rendra plus pratique la fourniture de spécifications de composants, l'organisation de documents d'annotation et la réalisation de comparaisons multi-extrémités.

Comment dois-je utiliser cet outil lors de la livraison de conceptions ?

Une approche plus sûre consiste à conserver les unités de conception d'origine, puis à utiliser cette page pour remplir une colonne de valeurs de référence converties. Par exemple, si le brouillon de conception est rédigé en 16 px, vous pouvez également l'écrire en 16 px / 12 pt pour l'équipe front-end ou de documentation. Tant que l'équipe se met d'abord d'accord sur la même base de conversion, le coût de communication sera bien inférieur.

Cette page peut-elle être utilisée hors ligne ? Les données seront-elles téléchargées ?

Oui. Une fois la page chargée, toutes les conversions de taille de police sont effectuées localement dans le navigateur, sans requêtes réseau, sans journaux de serveur et sans soumission de formulaire. Vos spécifications de conception, annotations de composants et paramètres du document de livraison ne seront pas téléchargés sur le serveur et les entrées seront effacées après la fermeture de la page.

Glossaire

Point (pt)
Unité de taille de police de composition classique, couramment utilisée dans Word, PPT, PDF, les spécifications de marque et les documents de description de police.
Pixel (px)
L'une des unités d'interface les plus courantes dans les pages Web et les brouillons de conception, en CSS, elle est plus proche d'un pixel de référence que d'un pixel physique absolu.
Pixel indépendant de la densité (dp)
Unité de taille logique courante dans le contexte Android, utilisée pour maintenir une échelle d'interface relativement cohérente sur des appareils de densités différentes.
Pixel de mise à l'échelle des polices (sp)
Unité courante dans le contexte de texte Android, prenant généralement en compte la mise à l'échelle des polices du système, adaptée à l'expression de la taille du texte.
Pixel de référence CSS
Le concept de longueur de référence utilisé dans la mise en page du navigateur n'est pas nécessairement égal à un pixel physique sur l'écran.
Densité de pixels de l'appareil
Le nombre de pixels physiques par unité de longueur de l'écran affectera l'effet d'affichage réel de la même unité logique sur différents appareils.
Mise à l'échelle des polices
Des paramètres de mise à l'échelle supplémentaires pour la taille du texte au niveau du système d'exploitation ou de l'application affecteront les résultats d'affichage réels.
Conversion de référence fixe
Effectue une conversion linéaire statique sous un test de référence unifié, ce qui convient à la comparaison entre les documents et la livraison de la conception, mais n'est pas équivalent à une simulation de rendu d'appareil réel.

Vérification rapide des points d'ancrage courants de conversion de taille de police

Ces valeurs de comparaison sont le plus souvent utilisées dans les brouillons de conception, les CSS et la livraison de documents.

ptpxdp (calibre de cette page)sp (calibre de cette page)Scénario typique
9pts12px9dp9spInformations auxiliaires minimales, description secondaire du tableau
10,5 points14px10,5dp10,5spPetit texte, texte de description
12 points16px12dp12spCorps commun ou texte de formulaire
13,5pts18px13,5dp13.5spAccent mis sur les titres de texte et de cartes
18pts24 pixels18dp18spInformations importantes sur le titre ou la page
24pts32 pixels24dp24 heuresTitre de la couverture, titre du héros

Sélectionnez l'unité de taille de police en fonction de la scène

La même valeur de taille de police est écrite dans différentes unités et sert différents objets de collaboration.

ScénarioUnité plus adaptéeRaison
PPT, Word, manuel de marque, spécification PDFptLe plus naturel dans le contexte du document et de la composition, et le plus facile à aligner sur la spécification de la police
Style de page Web, brouillon de conception, Figma/CSS livraisonpxLe coût de communication le plus bas entre la conception et la mise en œuvre front-end
Description de la taille de la mise en page AndroiddpPlus proche du contexte de taille logique Android
Description de la taille du texte AndroidspPlus proche du contexte de annotation de police mobile, mais en fin de compte, cela dépend toujours de la mise à l'échelle réelle de la machine
Livraison des documents entre les équipesConserver les unités d'origine et ajouter une colonne de valeurs de conversionPeut prendre en compte les habitudes de lecture des terminaux de conception, front-end et mobiles

Privacy & Security

Toutes les conversions de taille de police sur cette page sont effectuées dans votre navigateur. Les annotations de conception, les spécifications de police, les documents de composants et les paramètres de livraison que vous saisissez ne quittent jamais votre appareil : aucune requête réseau, aucun journal du serveur et vos entrées sont effacées lorsque vous fermez la page. Pour les systèmes de conception internes et les spécifications non publiées, cette page ne capture ni ne stocke aucun contenu.