Ce convertisseur de CM en PX transforme instantanément les centimètres en pixels selon le réglage DPI choisi. Les designers et les développeurs passent constamment des unités d’impression aux unités d’écran. Cet outil simplifie cette opération.
Caractéristiques principales :
- Conversion sensible aux DPI — choisissez parmi les préréglages courants comme 72, 96, 150 et 300 DPI
- Conversion inverse — change la direction pour convertir px en cm
- Valeurs de référence communes — une table intégrée de tailles standard pour une recherche rapide
- Copier le résultat — capturer la sortie en un seul clic
Que vous prépariez des ressources pour l'impression ou que vous fassiez correspondre les valeurs de pixel CSS à une spécification physique, une conversion d'unité précise est importante. Pas de devinettes, pas de calculs manuels. Gratuit à utiliser, aucune inscription requise.
Comment utiliser ce convertisseur CM en PX
Choisissez une pilule de DPI en haut du convertisseur ci-dessus (96 pour le Web, 300 pour l'impression, ou 72 et 150 pour les travaux existants et les brouillons), puis saisissez une valeur en cm. Le résultat en px et la formule en direct sont mis à jour au fur et à mesure que vous tapez. Appuyez sur le bouton d'échange pour passer de px à cm, et utilisez le tableau des valeurs de référence communes pour A4, cartes de visite et autres formats standard au DPI sélectionné.
Sans connaître le DPI (points par pouce) de votre support, le résultat n'a aucun sens. Deux écrans peuvent afficher le même nombre de pixels avec des tailles physiques complètement différentes. Le convertisseur est utilisé quotidiennement dans la conception Web (EN), la préparation de l'impression et le prototypage de l'interface utilisateur.
Formule de conversion CM à PX
La conversion n'est pas un ratio fixe. Cela dépend entièrement de la densité de pixels de votre support cible :
px = cm ÷ 2.54 × DPI
Il y a exactement 2,54 centimètres dans un pouce, donc chaque calcul cm-à-pixel passe par les pouces comme unité de pont. Les centimètres sont d'abord convertis en pouces (division par 2,54), puis la valeur en pouces est multipliée par la cible DPI ou PPI. Aucun raccourci n'existe. Vous avez toujours besoin de DPI.
Les trois parties, décomposées :
- cm, la longueur avec laquelle vous commencez
- 2.54, le nombre constant de centimètres dans un pouce
- DPI, la valeur de densité qui détermine le nombre de pixels dans ce pouce
Exemple de calcul : prenons 5 cm à 96 DPI. Divisez 5 par 2,54 pour obtenir environ 1,97 pouce, puis multipliez par 96. Le résultat est de 188,98 px. Les mêmes 5 cm à 300 DPI donnent 5 ÷ 2,54 × 300 = 590,55 px. La dimension physique est identique, mais le nombre de pixels est très différent : le pouce constitue la référence fixe, pas le nombre de pixels.
C'est aussi pourquoi combien de pixels rentrent dans un pouce (EN) est vraiment la mauvaise question en elle-même. La réponse n'existe qu'une fois qu'une valeur DPI lui est attachée.
PX à CM : La formule inverse
Dans l'autre sens, divisez d'abord par le DPI, puis multipliez par 2,54 :
cm = px ÷ DPI × 2.54
- 100 px à 96 DPI → 2,65 cm
- 1920 px à 96 DPI → 50,8 cm
- 1181 px à 300 DPI → 10 cm
Le bouton swap sur le convertisseur ci-dessus fonctionne dans cette direction. Pour un ensemble plus complet de tableaux résolus en centimètres, utilisez le convertisseur px en cm dédié.
Tableaux de conversion CM à PX
Recherchez les valeurs aux quatre paramètres DPI offerts par le convertisseur. À 96 DPI, 1 cm = 37,8 px ; à 300 DPI, 1 cm = 118,11 px.
À 96 DPI (norme Web)
| Centimètres | Pixels |
|---|---|
| 0,1 cm | 3,78 px |
| 0,2 cm | 7,56 px |
| 0,3 cm | 11,34 px |
| 0,4 cm | 15,12 px |
| 0,5 cm | 18,90 px |
| 0,6 cm | 22,68 px |
| 0,7 cm | 26,46 px |
| 0,8 cm | 30,24 px |
| 0,9 cm | 34,02 px |
| 1 cm | 37,80 px |
| 1,5 cm | 56,69 px |
| 2 cm | 75,59 px |
| 2,5 cm | 94,49 px |
| 3 cm | 113,39 px |
| 3,5 cm | 132,28 px |
| 4 cm | 151,18 px |
| 4,5 cm | 170,08 px |
| 5 cm | 188,98 px |
| 6 cm | 226,77 px |
| 7 cm | 264,57 px |
| 8 cm | 302,36 px |
| 9 cm | 340,16 px |
| 10 cm | 377,95 px |
| 12 cm | 453,54 px |
| 15 cm | 566,93 px |
| 17 cm | 641,86 px |
| 20 cm | 755,91 px |
| 21 cm | 793,70 px |
| 25 cm | 944,88 px |
| 29,7 cm | 1122,52 px |
| 30 cm | 1133,86 px |
| 35 cm | 1322,83 px |
| 40 cm | 1511,81 px |
| 50 cm | 1889,76 px |
À 300 DPI (impression standard)
| Centimètres | Pixels |
|---|---|
| 0,1 cm | 11,81 px |
| 0,2 cm | 23,62 px |
| 0,3 cm | 35,43 px |
| 0,5 cm | 59,06 px |
| 1 cm | 118,11 px |
| 1,5 cm | 177,17 px |
| 2 cm | 236,22 px |
| 2,5 cm | 295,28 px |
| 3 cm | 354,33 px |
| 4 cm | 472,44 px |
| 5 cm | 590,55 px |
| 6 cm | 708,66 px |
| 7 cm | 826,77 px |
| 8 cm | 944,88 px |
| 9 cm | 1062,99 px |
| 10 cm | 1181,10 px |
| 12 cm | 1417,32 px |
| 15 cm | 1771,65 px |
| 17 cm | 2007,87 px |
| 20 cm | 2362,20 px |
| 21 cm | 2480,31 px |
| 25 cm | 2952,76 px |
| 29,7 cm | 3507,87 px |
| 30 cm | 3543,31 px |
| 35 cm | 4133,86 px |
| 40 cm | 4724,41 px |
| 50 cm | 5905,51 px |
À 150 DPI (impression brouillon)
| Centimètres | Pixels |
|---|---|
| 1 cm | 59,06 px |
| 2 cm | 118,11 px |
| 3 cm | 177,17 px |
| 5 cm | 295,28 px |
| 10 cm | 590,55 px |
| 15 cm | 885,83 px |
| 20 cm | 1181,10 px |
| 21 cm | 1240,16 px |
| 29,7 cm | 1753,94 px |
| 30 cm | 1771,65 px |
| 40 cm | 2362,20 px |
| 50 cm | 2952,76 px |
À 72 DPI (écran ancien)
| Centimètres | Pixels |
|---|---|
| 0,5 cm | 14,17 px |
| 1 cm | 28,35 px |
| 1,5 cm | 42,52 px |
| 2 cm | 56,69 px |
| 2,5 cm | 70,87 px |
| 3 cm | 85,04 px |
| 4 cm | 113,39 px |
| 5 cm | 141,73 px |
| 6 cm | 170,08 px |
| 7 cm | 198,43 px |
| 8 cm | 226,77 px |
| 9 cm | 255,12 px |
| 10 cm | 283,46 px |
| 15 cm | 425,20 px |
| 20 cm | 566,93 px |
| 30 cm | 850,39 px |
Les lignes de 21 cm et 29,7 cm sont les deux faces d’une feuille A4 : 794 × 1123 px à 96 DPI, 2480 × 3508 px à 300 DPI.
Qu'est-ce qu'un convertisseur de CM en PX ?
Un convertisseur CM vers PX est un petit outil de calcul qui convertit une mesure en centimètre en sa valeur correspondante en pixels, en utilisant la résolution d'écran ou d'impression comme facteur de conversion.
Il appartient à la même famille que les autres convertisseurs d'unités, mais il nécessite un ingrédient supplémentaire que les autres n'ont pas : un point de référence en points par pouce ou en pixels par pouce.
Sans cette référence, les centimètres et les pixels ne peuvent pas se parler. Un centimètre est une longueur physique fixe. Un pixel ne l'est pas, pas vraiment.
Ce qui le distingue d'un convertisseur de longueur générique :
- Il nécessite une entrée DPI ou PPI avant de pouvoir produire un nombre
- Le rendu change en fonction du support cible (sérigraphie ou impression)
- Il relie une unité physique et une unité dépendante de la résolution, et non deux unités physiques
Demandez ce que px signifie réellement (EN) et vous aurez la racine du problème : c'est l'abréviation de picture element, une unité liée à la résolution d'un appareil plutôt qu'à une règle.
C'est la raison pour laquelle ce convertisseur existe en tant que sa propre catégorie d'outil, séparé de quelque chose qui échange simplement les centimètres pour les pouces.
Comment DPI et PPI changent le rapport CM à PX
DPI et PPI déterminent le rapport entre une longueur physique et son nombre de pixels, et changer l'un ou l'autre change la sortie de la formule entière.
Dpi signifie points par pouce et s'applique à la sortie d'impression. Ppp signifie pixels par pouce et s'applique aux écrans.
Ils sont utilisés presque interchangeablement dans la conversation décontractée. Mais une imprimante dépose des points d’encre tandis qu’un écran éclaire des pixels, de sorte que les deux termes décrivent des processus physiques différents, même si les mathématiques derrière eux sont identiques.
La spécification CSS Values and Units (EN) du W3C fixe le pixel CSS à une référence fixe : un dispositif à 96 dpi, où 1px équivaut à 1/96 de pouce, ou environ 0,26 mm.
Valeurs de référence utilisées pour les travaux Web et imprimés :
- 96 dpi, la résolution par défaut du CSS et de la conception web en général
- 150 ppp, un paramètre d'impression de niveau intermédiaire pour les affiches et la signalétique grand format
- 300 dpi, la norme pour des impressions de photos et de documents nettes
- 326 ppi, la densité introduite par Apple avec son premier écran Retina
Passez les mêmes 5 cm à travers les quatre et la sortie en pixels passe de 189, à 295, à 591, à environ 642. Il n'y a pas de ppp qui soit objectivement correct.
Il n'y a que celui qui correspond à l'endroit où les pixels vont finir.
Pourquoi la même valeur de centimètre produit des résultats de pixels différents sur différents écrans
Un centimètre ne change jamais. La taille physique d'un pixel le fait, c'est pourquoi la même conversion peut avoir un aspect complètement différent d'un écran à l'autre.
Rapport de pixels de l'appareil est le coupable. Il décrit combien de pixels matériels réels sont emballés dans l'espace d'un seul pixel CSS (EN).
Sur un écran standard, ce rapport est de 1 :1. Sur un écran haute densité, il monte à 2 :1 ou 3 :1, ce qui signifie que deux ou trois pixels physiques font le travail d'un seul.
L'écran Retina original d'Apple sur l'iPhone 4 (EN) était livré à 326 pixels par pouce, soit environ le double de la densité des écrans de téléphone qui l'ont précédé. Ce seul changement est suffisant pour rendre des valeurs cm identiques à des tailles visiblement différentes.
Trois variables s'empilent les unes sur les autres ici :
- Taille physique de l'écran, mesurée en pouces ou en centimètres
- Résolution native, le nombre de pixels bruts pris en charge par le panneau
- Densité de pixels (EN), qui est ce que vous obtenez une fois la taille et la résolution combinées
La mise à l'échelle du système d'exploitation ajoute une quatrième couche au-dessus. Windows et macOS appliquent tous deux leurs propres facteurs de mise à l'échelle sur le matériel haute densité. Deux écrans avec des résolutions natives identiques peuvent toujours afficher une valeur convertie en cm à des tailles visuelles différentes.
CM, MM, pouces et PX comparés pour le travail de conception
Choisir entre cm, mm, pouce et px se résume à une question : la sortie va-t-elle sur un écran ou sur du papier ?
Cm, mm et pouce sont des unités physiques. Ils signifient la même chose sur chaque règle, partout, quel que soit l'appareil qui les affiche.
Px n'est pas physique. Sa taille dépend entièrement de la densité de l’écran qui le restitue, c’est la raison pour laquelle un convertisseur est nécessaire en premier lieu.
| Unité | Base physique | Utilisation typique | Dépendant de l'écran |
|---|---|---|---|
| Centimètre | Fixe, métrique | Mises en page d'impression, emballages | Non |
| Millimètres | Fixe, métrique | Détail d'impression fine, lignes de die | Non |
| Pouce | Fixe, impérial | Normes d'impression américaines, diagonales d'écran | Non |
| Pixel | Résolutions | Mises en page Web, UI design | Oui |
Les travaux d'impression s'appuient sur cm et mm parce que le papier ne change pas de taille en fonction de ce qui le rend. C'est aussi la logique derrière ISO 216 (EN), la norme qui fixe le format A4 à 210 × 297 mm partout où il est imprimé.
Toute personne convertissant des valeurs dans l'autre sens peut exécuter les mêmes calculs à l'aide d'un convertisseur de px en pouces, qui est la même formule résolu pour l'unité opposée.
Savoir combien de millimètres font un pouce (EN) est important ici aussi, puisque c'est la même constante 2,54 qui se trouve sous chacune de ces conversions.
Quel paramètre DPI utiliser pour le Web, l'impression et la conception Retina
Le paramètre dpi n'est pas une préférence personnelle. Il est dicté par l'endroit où les pixels vont être vus.
Web et UI Design
96 dpi est la valeur par défaut pour les navigateurs, les CSS et les travaux d'interface utilisateur standard ; 1 cm = ~37,8 px.
Il s'agit de la valeur intégrée au pixel de référence CSS lui-même, donc construire autre chose signifie combattre la plate-forme au lieu de travailler avec elle.
- Correspond à la spécification CSS propre baseline
- Maintient les mathématiques de mise en page prévisibles sur les écrans ordinaires
- Est la valeur par défaut la plus sûre lorsque le périphérique de visualisation final est inconnu
72 dpi est l'ancienne norme héritée des premiers écrans Mac. Il apparaît toujours dans certains paramètres d'exportation, mais il s'agit rarement du bon choix pour tout ce qui est construit aujourd'hui.
Sortie d'impression standard
300 dpi est la valeur minimale pour tout ce qui est imprimé et visualisé de près ; 1 cm = ~118 px.
L'Initiative des directives de numérisation des agences fédérales (EN) considère 300 dpi comme référence pour capturer 80 à 90 % des détails visibles d'un document original lors de la numérisation d'archives.
Les cartes de visite, les brochures et les tirages photo font tous partie de cette gamme. Si vous descendez en dessous, l'œil commence à percevoir des points individuels à une distance de lecture normale. 150 ppp couvre les sorties de qualité inférieure telles que les journaux, les épreuves de brouillon et les panneaux d'affichage grand format vus de loin.
Demandez à votre imprimerie pour leur exigence de DPI avant de convertir. Ne supposez pas 300 à chaque fois.
La différence entre les deux disciplines est traitée plus en détail sur la page comparant dpi et ppi (EN) directement. Une ventilation plus complète du nombre d'impression lui-même se trouve sur la page de référence 300 dpi (EN).
Écrans Retina et haute densité
326 ppi et plus : les écrans de téléphones mobiles et de tablettes conçus pour une visualisation de près. Le device pixel ratio (EN) (DPR) signifie qu'un pixel CSS correspond à 2 ou 3 pixels physiques, tandis que la résolution logique utilise toujours 96 dpi comme base.
Conception à 1x, exportation à 2x ou 3x : le flux de travail courant pour l'expédition de ressources qui restent nettes sur des panneaux denses.
Si vous sous-estimez cette cible, les images sembleront floues à côté du texte environnant, même si rien n'est faux dans la valeur cm utilisée pour les construire.
Convertir CM en PX dans Photoshop, Illustrator, Figma et Canva
Les outils de conception ne traitent pas tous cette conversion de la même manière, et les différences sont importantes une fois qu'un fichier doit être déplacé entre eux.
Photoshop et Illustrator
Les deux outils lient la conversion à un paramètre de résolution au niveau du document.
Définissez le fichier à 300 dpi et chaque valeur de cm saisie est convertie en utilisant ce nombre. Passez à 72 ou 96 plus tard, et les illustrations existantes ne se recalculeront pas automatiquement.
- Avantages : contrôle manuel complet sur le dpi utilisé pour chaque élément
- Avantages : accepte la saisie directe en cm et en mm pour les flux de travail d'impression natifs
- Inconvénients : les incohérences de résolution entre les documents provoquent des erreurs de dimensionnement silencieuses
Figma et Sketch
La documentation de Figma (EN) montre clairement que l'unité de mesure par défaut de la plateforme est le pixel, et les mises en page et les composants sont spécifiés en px partout.
Il n'y a pas d'entrée centimétrique native. Toute personne ayant reçu une spécification d'impression en cm doit exécuter la conversion avant d'entrer un seul nombre.
- Avantages : le flux de travail pixel-natif correspond à la façon dont les navigateurs rendent réellement les mises en page
- Avantages : supprime le risque de décalage de résolution que les outils d'impression portent
- Inconvénients : pas de chemin intégré pour les cm ou les mm, le travail sur le côté imprimé nécessite donc une étape de calcul distincte.
Canva
Canva se situe entre les deux approches. Il accepte une entrée directe en cm sur tailles de toile personnalisées (EN) et la convertit en interne avant de rendre le design.
Le compromis se manifeste à l’exportation.
- Avantages : permet à un utilisateur de taper une taille réelle sans faire les calculs d'abord
- Inconvénients : donne moins de visibilité sur la valeur dpi qui s'exécute réellement en arrière-plan
Toute personne exportant une toile Canva ou Figma dans une feuille de spécifications d'impression peut inverser le processus avec un convertisseur px en cm plutôt que de le recalculer à la main.
Comment convertir CM en PX étape par étape
La conversion d'une valeur en cm en pixels suit toujours le même ordre d'opérations, quel que soit l'outil utilisé.
Si vous sautez une étape, le nombre final est erroné, généralement parce que la cible dpi a été choisie après le calcul au lieu de l'avoir choisie avant.
- Étape 1 : Confirmez d'abord le support cible, sérigraphie ou impression, car cela décide quelle valeur dpi ou ppi s'applique.
- Étape 2 : Choisissez le nombre exact de dpi pour ce support (96 pour le web standard, 300 pour l'impression, 326 ou plus pour une cible retina)
- Étape 3 : Divisez la valeur en cm par 2,54 pour la convertir en pouces
- Étape 4 : Multipliez la valeur en pouces par le dpi choisi pour obtenir le nombre de pixels
- Étape 5 : Arrondissez au pixel entier le plus proche, car un affichage ne peut pas restituer un pixel fractionnaire.
Un en-tête de bannière de 10 cm conçu pour une impression à 300 dpi se convertit en environ 1181 pixels.
Exécutez les mêmes 10cm à travers 96 dpi à la place et il tombe à environ 378 pixels. Même longueur physique, deux sorties complètement différentes, parce que le choix du dpi s'est fait avant les maths, pas après.
CM à PX en CSS : Unités absolues vs relatives
Le Module de valeurs et d'unités CSS (EN) fixe le rapport entre les unités absolues à 1in = 2,54 cm = 96px = 72pt = 6pc, donc cm et px ne sont jamais indépendants l'un de l'autre dans une feuille de style.
Les unités relatives ne fonctionnent pas de cette façon. Leur sortie en pixels dépend de quelque chose d'autre dans la page, pas d'un tableau de conversion fixe.
| Type d'unité | Exemples | Dépend de | Le meilleur pour |
|---|---|---|---|
| Nombre absolu | cm, mm, in, pt, px | Un rapport fixe les uns aux autres | Imprimer des feuilles de style, dimensionnement précis |
| Relative | em, rem, vw, vh | Taille de police ou dimensions de la fenêtre | Mises en page fluides et réactives |
La plupart des navigateurs définissent la taille de la police racine à 16px par défaut, c'est pourquoi 1rem équivaut discrètement à 16px jusqu'à ce que quelqu'un le modifie.
Écrire width: 5cm directement dans une feuille de style fonctionne techniquement, puisque les unités absolues CSS le supportent. Le navigateur le rend toujours comme un nombre fixe de pixels sous le capot.
Ce nombre fixe ne s'ajuste pas lorsque le viewport (EN) se redimensionne, ce qui est exactement l'écart que les media queries (EN) et les unités relatives existent pour combler.
Erreurs courantes lors de la conversion de CM en PX
Valeur de référence incorrecte : utiliser 96 dpi pour un fichier destiné à une imprimante, ou 300 dpi pour quelque chose qui n'apparaîtra qu'à l'écran.
Traiter les px comme des éléments physiques : en supposant qu'un élément de 500px mesurera toujours la même chose sur une règle, quand sa taille physique change avec la densité de pixels de chaque appareil.
Ignorer l'arrondi du navigateur : les navigateurs basés sur WebKit appliquent un rapport fixe de 96 px par pouce à chaque unité absolue, alors que Gecko a historiquement essayé de faire correspondre le dpi physique réel de l'écran. La référence de longueur de MDN (EN) documente l'ancre de 96 px par pouce et le fait que les unités absolues correspondent uniquement aux tailles physiques sur les supports d'impression.
Ce désaccord entre les moteurs de rendu signifie que la même valeur cm dans la même feuille de style peut être rendue avec des largeurs de pixel légèrement différentes selon le navigateur qui l'ouvre.
Erreurs d'arrondi composé : un petit pixel fractionnaire est arrondi une fois, puis ce nombre arrondi est utilisé comme entrée pour un deuxième calcul. La dérive s’accumule sur une grande toile.
La plupart de ces erreurs remontent à la même cause profonde. Quiconque a configuré le fichier n'a pas vérifié le numéro par rapport à un test de compatibilité entre navigateurs (EN) avant de l'envoyer. Ou ils ont supposé qu'une valeur de pixel fixe se comporterait de manière cohérente dans le genre de mises en page flexibles autour desquelles le design réactif (EN) est construit.
Lorsque la conversion de CM en PX ne s'applique pas
Une conversion de cm en px suppose une résolution cible fixe. Enlevez cette hypothèse et tout le calcul cesse de signifier quoi que ce soit.
Les formats vectoriels le contournent complètement. La propre spécification SVG (EN) du W3C décrit le format comme une description indépendante de la résolution d'un graphique, et non comme une grille de pixels. Il n'y a pas de valeur px unique à convertir vers en premier lieu.
- Une icône SVG (EN) s'adapte proprement à n'importe quelle taille car elle n'a jamais été liée à un nombre de pixels
- Le travail d'interface utilisateur multi-appareils ne peut pas utiliser une valeur px convertie, puisque le même nombre apparaît différemment sur chaque densité d'écran sur laquelle il atterrit
- Une tâche d'impression sans ppp final confirmé rend tout nombre de pixels provisoire jusqu'à ce que ce nombre soit verrouillé
- Les mises en page fluides nécessitent souvent des unités relatives au lieu de pixels (EN), car une conversion fixe va à l'encontre de l'intérêt d'une mise en page censée être flexible.
Rien de tout cela ne rend la formule fausse. Cela signifie simplement que la formule ne tient qu'à l'intérieur d'une résolution spécifique connue. Au moment où cette résolution n'est pas fixe, la valeur de pixel qu'elle produit ne l'est pas non plus.
Questions fréquentes : Convertisseur de CM en PX
Quelle est la différence entre un pixel CSS et un pixel physique ?
Un pixel CSS est une unité de référence fixe utilisée par les navigateurs pour la mise en page, environ 1/96 pouce. Un pixel physique est un point matériel réel sur l'écran. Les écrans à haute densité comportent deux ou trois pixels physiques dans un pixel CSS, c'est pourquoi le ratio de pixels de l'appareil existe.
Un pixel est-il une unité physique fixe ?
La taille physique d'un pixel dépend entièrement de la résolution et de la densité d'un écran. Le même nombre de pixels est rendu plus grand sur un moniteur à faible densité et plus petit sur un moniteur à haute densité, contrairement à un centimètre ou un pouce, qui ne changent jamais.
Combien de pixels y a-t-il dans 1cm à 96 dpi ?
Un centimètre équivaut approximativement à 37.8 pixels à 96 dpi, arrondi à 38px puisque les navigateurs ne peuvent pas rendre une valeur fractionnelle. Ce chiffre est mis à l'échelle directement à partir de la ligne de base de pixel de référence de 96 dpi jusqu'à un seul centimètre.
Le zoom du navigateur affecte-t-il une conversion CM vers PX ?
Le zoom modifie ce qu'un utilisateur voit, pas la conversion sous-jacente. Les navigateurs mettent à l'échelle les pixels CSS rendus visuellement, mais la valeur px calculée à partir d'une entrée cm et dpi fixe reste la même dans la feuille de style.
Existe-t-il une seule valeur universelle de CM à PX ?
Aucune valeur unique ne s’applique partout. Le résultat dépend toujours de la cible dpi ou ppi choisie, donc la même longueur physique produit un nombre de pixels différent sur chaque densité d'écran ciblée par le convertisseur.
Que devriez-vous vérifier avant de faire confiance à un résultat de convertisseur CM en PX ?
Un résultat convertisseur de CM en PX ne tient que lorsque la cible dpi, l'échelle d'exportation et le moteur de rendu correspondent tous au périphérique sur lequel les pixels apparaîtront réellement. Sinon, le nombre semble correct et rend faux partout ailleurs.
Trois vérifications détectent la plupart des incohérences avant qu'elles n'atteignent la production.
- Vérifiez que la cible dpi ou ppi correspond au support de sortie
- Faire correspondre l’échelle d’exportation au ratio de pixels de l’appareil
- Tester le résultat rendu sur plus d'un moteur de rendu
Une valeur construite à la référence CSS 96dpi a besoin d'une mise à l'échelle proche de 3.4x pour rester nette sur un écran retina de 326ppi. Aucun des deux chiffres n’indique ce ratio à lui seul.
Les mises en page fluides qui doivent évoluer entre deux valeurs de pixels au lieu d'un nombre fixe sont mieux gérées avec un calculateur de serrage CSS, qui détecte exactement là où une conversion fixe ne suffit plus.