Convertisseur de pixels

Qu'est-ce que le convertisseur de pixels ?

Le convertisseur de pixels traduit entre les pixels numériques et les unités de longueur réelles (millimètres, centimètres, pouces) au PPP de votre choix. Les pixels CSS supposent 96 PPP par défaut, mais l'impression utilise 300 PPP et l'impression photo peut atteindre 600 PPP — à des PPP différents, le même nombre de pixels correspond à des tailles physiques très différentes. Saisissez une valeur dans l'une des quatre unités, choisissez le préréglage de PPP qui correspond à votre contexte, et les trois autres unités se mettent à jour en temps réel. Chaque résultat est à un clic du presse-papiers.

Comment utiliser le convertisseur de pixels

1. Saisissez la valeur que vous souhaitez convertir dans le champ — par exemple, 100.
2. Choisissez l'unité de votre valeur : pixels, millimètres, centimètres ou pouces.
3. Sélectionnez un préréglage de PPP — 96 PPP pour le web, 300 PPP pour l'impression, ou choisissez « Personnalisé » pour saisir votre propre PPP.
4. Lisez les valeurs converties pour les trois autres unités dans le panneau de résultats ci-dessous.
5. Cliquez sur Copier à côté de n'importe quel résultat pour le placer dans votre presse-papiers, ou partagez l'URL — votre saisie persiste sous forme de paramètre de requête.

Qui utilise un convertisseur de pixels

• Étudiants : Devoirs de mathématiques et de physique impliquant des conversions pixels-millimètres, ainsi que des exercices de résolution d'écran dans les cours d'infographie.
• Concepteurs web et UI : Dimensionnement des icônes, marges intérieures et composants à partir de mesures physiques de maquettes (mm) en pixels CSS au PPP de référence approprié.
• Concepteurs en impression : Conversion des exports en pixels de Photoshop ou Figma en millimètres et pouces à 300 PPP avant envoi à l'imprimeur.
• Photographes : Calcul des dimensions physiques d'impression à partir de la sortie de l'appareil photo (par ex. 4000 × 3000 px à 300 PPP s'imprime en 13,3 × 10 pouces).
• Développeurs : Validation des valeurs en pixels CSS par rapport aux tailles physiques spécifiées dans les cahiers des charges produit ou d'accessibilité.

Pourquoi ce convertisseur

• Les quatre unités (pixels, millimètres, centimètres, pouces) se mettent à jour en temps réel à mesure que vous saisissez.
• Cinq préréglages de PPP intégrés couvrent les cas courants — 96 PPP web, 72 PPP Mac d'origine, 150/300/600 PPP pour l'impression.
• Saisie de PPP personnalisée pour les écrans non standard (Retina, moniteurs haute densité) et les flux d'impression spécialisés.
• URL partageable — votre valeur, unité d'origine et PPP persistent sous forme de paramètres de requête.
• 100 % dans le navigateur : sans inscription, sans publicité dans le panneau de résultats, et les calculs sont open source.

Quelle est la précision du convertisseur ?

Le convertisseur utilise le rapport standard de 25,4 millimètres par pouce et le PPP que vous spécifiez, calculé en double précision IEEE 754. Les résultats sont exacts à l'arrondi flottant près (erreur relative ≤1×10⁻⁶). La seule source d'imprécision réelle est la valeur de PPP elle-même — si votre écran ne fonctionne pas réellement au PPP supposé, calibrez d'abord avec l'outil Screen Ruler.

Questions fréquentes

Qu'est-ce qu'un pixel ?

Un pixel est la plus petite unité discrète d'un écran ou d'une image numérique. Sa taille physique n'est pas fixe — elle dépend de la densité de pixels de l'écran (PPP). Sur un écran web à 96 PPP, un pixel mesure exactement 1/96 de pouce (environ 0,265 mm) ; sur une impression à 300 PPP, un pixel mesure 1/300 de pouce (environ 0,085 mm).

Qu'est-ce que le PPP et pourquoi est-ce important ?

Le PPP (points par pouce, équivalent au DPI) est le facteur de conversion entre les pixels et la longueur physique. Les mêmes 100 px correspondent à 26,46 mm à 96 PPP mais seulement à 8,47 mm à 300 PPP. Vous devez utiliser le PPP du support cible — l'écran, l'impression ou l'export — pour que la conversion ait un sens physique.

Comment convertir des pixels en millimètres ?

Divisez le nombre de pixels par le PPP pour obtenir des pouces, puis multipliez par 25,4 pour obtenir des millimètres : mm = (px / PPP) × 25,4. Pour 100 px à 96 PPP : 100/96 × 25,4 ≈ 26,46 mm. Le convertisseur fait cela pour vous en temps réel.

Faut-il utiliser 72 ou 96 PPP pour le web ?

Utilisez 96 PPP. Le CSS, les navigateurs et les systèmes d'exploitation se sont standardisés sur 96 pixels de référence par pouce dans les années 1990. La valeur 72 PPP est un héritage de la typographie Apple (un pixel = un point d'imprimerie) et n'est utile que pour certains documents Apple anciens — le travail web moderne suppose 96.

Quel PPP utiliser pour l'impression ?

Utilisez 300 PPP pour l'impression de magazines et de livres de haute qualité, 150 PPP pour les épreuves et les travaux grand format, et 600 PPP uniquement pour les tirages photo, les dessins fins ou le texte sous fort grossissement. Aller au-delà de 300 PPP pour les travaux courants augmente la taille des fichiers sans amélioration visible sur la plupart des papiers.

Comment Retina/HiDPI affecte-t-il la conversion ?

Les écrans Retina et autres HiDPI affichent deux ou trois pixels physiques pour chaque pixel CSS. Le convertisseur fonctionne par défaut en pixels CSS, donc 100 px CSS à 96 PPP est correct pour tout écran HiDPI. Si vous avez besoin du nombre de pixels physiques, multipliez par le ratio de pixels de l'appareil (window.devicePixelRatio dans un navigateur).

Pourquoi mon design web semble-t-il plus petit sur un moniteur 4K ?

La plupart des systèmes d'exploitation font fonctionner les moniteurs 4K à une mise à l'échelle de 150 à 200 %, ce qui maintient les pixels CSS visuellement similaires à ceux d'un écran 1080p. Si la mise à l'échelle est désactivée, votre design apparaîtra physiquement plus petit car le même nombre de pixels couvre moins de pouces réels. Ajustez la mise à l'échelle PPP dans les paramètres de l'OS, ou utilisez les unités rem/pourcent au lieu de px fixes.

Plongée DPI — choisir le bon nombre une fois pour toutes

Chaque conversion pixel-vers-longueur tient en une équation : longueur = pixels ÷ DPI. Le difficile est de choisir le DPI qui correspond au support sur lequel votre sortie vivra. Un DPI erroné ne lève pas d'erreur — il produit silencieusement un nombre mathématiquement correct et physiquement faux. Les préréglages ci-dessous couvrent 95 % des cas réels.

Travail web — toujours 96 DPI

CSS, les navigateurs et les systèmes d'exploitation se sont standardisés sur 96 pixels de référence par pouce à la fin des années 90, et ce nombre n'a pas bougé. Tout navigateur moderne traite 1 pixel CSS comme 1/96 pouce, indépendamment de l'affichage physique. Les écrans Retina et 4K rendent à une densité physique supérieure mais l'OS rééchelonne les pixels CSS vers la référence 96 DPI, donc votre calcul reste valide. Considérez 72 DPI comme un héritage — il ne compte que si vous récupérez des ressources de Macs antérieurs à OS X.

Travail d'impression — 150, 300 ou 600 DPI

La plupart des magazines, livres et tirages photo grand public utilisent 300 DPI. Descendez à 150 DPI pour les épreuves brouillon et le grand format où la distance de visionnage masque la perte de résolution ; cela divise par deux la taille du fichier et reste net à un mètre. Montez à 600 DPI uniquement quand l'imprimé sera inspecté de près — line art fin, plans techniques, petit texte sur papier glacé. Aller au-delà de 600 DPI n'améliore presque jamais la qualité visible et consomme du disque.

Retina et HiDPI — travailler en pixels CSS

Un écran Retina rend deux ou trois pixels physiques pour chaque pixel CSS, mais l'OS masque cela à votre code. Restez en pixels CSS (96 DPI) pour les calculs de mise en page. Si vous avez besoin du nombre réel de pixels physiques — par exemple lors de la livraison de ressources bitmap qui doivent rester nettes sur tout appareil — multipliez par window.devicePixelRatio à l'exécution et fournissez des variantes @2x ou @3x. Le convertisseur de pixels traite l'entrée comme des pixels CSS par défaut ; ne cochez la case DPI personnalisé que si vous avez réellement mesuré la densité physique d'un écran connu.

Modèles de conversion courants

Certaines valeurs en pixels reviennent si souvent qu'elles méritent d'être mémorisées. Le tableau ci-dessous montre ce que 100 px, 1000 px et une largeur Full HD typique (1920 px) deviennent aux quatre DPI les plus courants.

Conseils pratiques pour développeurs

Vérifiez d'abord dans DevTools

Avant de faire confiance à une conversion, confirmez que le navigateur signale 96 DPI de référence en saisissant window.matchMedia('(min-resolution: 96dpi)').matches dans la console. Sur un système correctement configuré, cela renvoie true. Si false est renvoyé, votre mise à l'échelle OS ou votre niveau de zoom n'est pas par défaut et la conversion doit être ajustée.

Exportez toujours au DPI cible

Photoshop, Figma et la plupart des outils de design exportent au DPI du canevas par défaut. Réglez le DPI du canevas sur votre support cible avant d'exporter — exporter un canevas 96 DPI en 300 DPI ne suréchantillonne pas l'image, cela ne fait que ré-étiqueter les métadonnées et imprime au tiers de la taille physique prévue.

Calibrez l'écran pour avoir une vérité terrain

Si votre travail dépend d'une précision physique — mesurer un objet à main contre l'écran, dimensionner une icône à la largeur connue d'une carte de crédit — ouvrez d'abord Screen Ruler et calibrez contre une vraie carte. Le DPI réel de votre écran correspond rarement à la fiche technique ; le calibrage ancre la conversion à la réalité physique.