Comment utiliser un convertisseur de pixels (guide pas à pas)

Screen Ruler TeamApril 28, 202611 min read

how to use pixel converterpixels to mmpixels to inchesDPI conversion

Vous n'avez pas besoin d'une table de conversion, d'une calculatrice ni d'une recherche « combien de mm dans 96 px » pour convertir des pixels en unités physiques. Le Convertisseur de pixels gratuit de Screen Ruler Online gère le calcul instantanément — mais seulement si vous savez quel DPI choisir. Ce guide reprend tout le workflow : coller une valeur, choisir le DPI adapté au contexte, et lire la bonne unité de l'autre côté. À la fin vous aurez fait la conversion de trois façons différentes pour trois situations différentes : design web, préparation pour l'impression, et tirages photo.

La version en 30 secondes

Si vous êtes pressé, les étapes sont :

Ouvrez screenruler.online/pixel-converter.
Tapez ou collez votre valeur dans le champ de saisie.
Cliquez sur la puce d'unité (px / mm / cm / pouce) qui correspond à votre valeur.
Choisissez une présélection DPI — 96 pour le web, 300 pour l'impression, 600 pour la photo.
Lisez les valeurs converties dans le panneau résultat. Cliquez sur Copier à côté de n'importe quelle unité pour la mettre dans le presse-papiers.

C'est tout. Le reste du guide est pour quand vous avez besoin de savoir pourquoi vous avez choisi 96 plutôt que 300, ou quand le résultat ne matche pas ce que votre outil de design renvoie, ou quand la conversion va dans l'autre sens.

Étape 1 : ouvrir le convertisseur

Naviguez vers https://screenruler.online/fr/pixel-converter. La page charge instantanément — pas de compte, pas d'inscription, et le convertisseur est rendu côté serveur donc le calcul fonctionne même sur une connexion lente. Mettez en favori ; vous reviendrez.

La page a trois zones : un champ de saisie de valeur en haut à gauche, un sélecteur de DPI en haut à droite, et un panneau résultats en dessous qui affiche les quatre unités (pixels, millimètres, centimètres, pouces) en même temps. Dès le chargement, l'état par défaut est 100 px à 96 DPI, qui affiche déjà ~26,46 mm / ~2,65 cm / ~1,04 pouce. Donc vous pouvez vérifier que la page marche avant même de taper quoi que ce soit.

Étape 2 : entrer votre valeur

Cliquez dans le champ étiqueté « Valeur à convertir » et tapez ou collez votre nombre. Le convertisseur accepte :

Entiers simples : 100
Décimales : 42,5, 0,75
Nombres avec séparateurs de milliers : 1 920 est interprété comme 1920
Espaces autour : 100 marche
Zéro : entrée valide — renvoie 0 dans chaque unité

Il n'accepte pas les nombres négatifs (une longueur ne peut pas être négative) ni les chaînes non numériques. Si votre entrée est invalide, le panneau résultats affiche « Entrez un nombre non négatif pour voir les conversions. » plutôt que des nombres périmés — donc vous ne copierez jamais une valeur trompeuse par accident.

Étape 3 : choisir l'unité source

Sous le champ de saisie il y a quatre puces d'unité : Pixels / Millimètres / Centimètres / Pouces. Cliquez sur celle qui correspond au nombre que vous venez de taper. Le convertisseur surligne la puce active en bleu et traite votre entrée comme cette unité ; les trois autres lignes du panneau résultats deviennent les conversions.

Schémas courants :

Depuis un outil de design (Figma, Photoshop, Sketch, Adobe XD) : vous êtes presque toujours en pixels, donc laissez Pixels sélectionné.
Depuis une spécification d'imprimeur ou un PDF : en général millimètres ou pouces. Cliquez la puce correspondante.
Depuis une règle CSS (width: 1024px) : pixels.
Depuis une maquette d'impression (« logo 100 mm × 50 mm ») : choisissez Millimètres pour une dimension à la fois.

Étape 4 : choisir le bon DPI

C'est l'étape qui piège les gens. Le convertisseur utilise 96 DPI par défaut — la résolution de référence CSS sur laquelle les navigateurs et systèmes d'exploitation se sont standardisés. C'est correct pour le travail web mais pas pour l'impression ni la photographie. Le menu déroulant DPI propose cinq présélections :

Présélection	DPI	Quand l'utiliser
Standard web	96	CSS, navigateurs, référence OS
Héritage Mac	72	Typographie Apple historique (rarement utile aujourd'hui)
Brouillon d'impression	150	Affiches, bannières, épreuves grand format
Impression haute qualité	300	Magazines, livres, emballages — le DPI d'impression le plus courant
Tirage photo	600	Tirages d'art, traits fins, texte sous loupe

Il y a aussi une option Personnalisé qui permet d'entrer n'importe quel DPI — utile pour du matériel non standard (un iPad à 220 PPI, une épreuveuse à 300 DPI, ou une tête d'impression industrielle à 1200 DPI).

Une règle simple : si c'est destiné à un écran, utilisez 96 ; si c'est destiné à l'impression, utilisez 300 ; si c'est un tirage photo regardé de près, utilisez 600.

Étape 5 : lire le résultat

Le panneau résultats en dessous affiche les quatre unités en même temps. L'unité que vous avez sélectionnée comme entrée est surlignée (pour ne pas relire votre propre nombre comme s'il était converti). Chaque ligne affiche la valeur formatée avec la bonne précision :

Pixels : entier (les pixels du navigateur sont discrets)
Millimètres : 2 décimales (26,46)
Centimètres : 3 décimales (2,646)
Pouces : 4 décimales (1,0417 — la typographie utilise le 1/1000 de pouce)

Cliquez sur Copier à côté de n'importe quelle unité pour mettre <valeur> <unité> dans le presse-papiers. Le bouton affiche brièvement « Copié ! » pour confirmer.

Étape 6 : partager ou mettre en favori

Le convertisseur reflète votre état courant dans l'URL en tant que paramètres de requête : ?value=100&from=px&dpi=96. Ça veut dire que vous pouvez :

Partager l'URL avec un collègue pour qu'il voie la même conversion.
Mettre en favori une configuration spécifique — par exemple, « 300 mm à 300 DPI » pour un contrôle récurrent de spec d'impression.
Recharger sans perdre vos nombres.

L'URL se met à jour pendant que vous tapez, donc il n'y a pas de bouton « enregistrer » à retenir.

Exemple détaillé 1 : dimensionnement d'une bannière web

On vous a demandé de concevoir une image hero à « 1920 × 720 px » mais l'équipe marketing veut savoir quelle taille ça fait sur un moniteur desktop typique.

Tapez 1920 dans la saisie.
La puce Pixels est déjà sélectionnée (par défaut).
Le DPI est déjà à 96 (web).
Lisez la ligne millimètres : 508,00 mm — environ 50 cm de large.
Réinitialisez la saisie à 720 pour avoir la hauteur : 190,50 mm — environ 19 cm de haut.

Donc la bannière couvre physiquement environ 50 × 19 cm sur un moniteur 1080p standard. Sur un écran 4K à 200 % de scaling, les mêmes dimensions CSS couvrent la même surface physique ; sur un 4K à 100 %, ce serait moitié moins — c'est pour ça que le CSS utilise 96 pixels de référence indépendamment de la densité physique de pixels.

Exemple détaillé 2 : logo imprimé à taille exacte

Un imprimeur vous demande de livrer un logo qui s'imprime à « exactement 50 mm de large sur une brochure 300 DPI ». Vous devez savoir combien de pixels de détail source fournir.

Tapez 50 dans la saisie.
Cliquez sur la puce Millimètres.
Basculez le DPI sur Impression haute qualité (300).
Lisez la ligne pixels : 591 pixels.

Donc votre fichier source doit faire au moins 591 pixels de large. Si vous exportez à 600 px, vous avez 1,5 % de marge pour recadrage et vous imprimerez net à 305 DPI. Si vous exportez à 400 px, l'imprimeur va remonter à 591 effectifs à 200 DPI — visiblement mou sur du papier glacé.

Le convertisseur va dans les deux sens : vous pouvez aussi partir du nombre de pixels désiré, basculer le DPI pour matcher le support, et lire la taille physique correspondante.

Exemple détaillé 3 : tirage photo depuis un appareil

Vous avez photographié en 6000 × 4000 pixels sur un boîtier 24 mégapixels. Vous voulez tirer à 300 DPI sur du papier photo brillant. Quelle taille de tirage est possible ?

Tapez 6000 dans la saisie.
Puce Pixels sélectionnée.
DPI = 300.
Lisez les pouces : 20,0000 pouces — et les centimètres : 50,800 cm.

Donc le côté long s'imprime à exactement 50,8 cm en résolution native. Aller plus grand veut dire sur-échantillonner : 70 cm à 300 DPI demanderait 8268 pixels, et vous n'en avez que 6000. Vous pouvez soit accepter un tirage plus mou (environ 215 DPI effectifs), soit ramener le tirage à ~63 cm et rester en natif.

Aller dans l'autre sens : dimensions vers pixels

La plupart du temps vous partez de pixels et convertissez en unités physiques. Mais ça marche aussi bien en sens inverse :

Spec d'impression : « Besoin d'une icône 100 × 100 mm à 300 DPI. » → Tapez 100 mm à 300 DPI → 1181 pixels par côté.
Bannière publicitaire : « 210 mm de large à 96 DPI pour un lecteur PDF A4. » → 794 pixels.
Dalle d'affichage : « Un écran 11,6 pouces en 1080p — quel DPI ? » → Résolvez pour le DPI : 1920 px / 11,6 pouces ≈ 165 DPI. Basculez sur DPI personnalisé = 165.

Pour le troisième cas le convertisseur n'a pas de mode « calculer le DPI », mais vous pouvez vérifier en tapant 11,6 pouces au DPI candidat et en regardant que les pixels matchent.

Erreurs courantes

Oublier de changer le DPI pour l'impression. Un « logo 100 mm à 300 DPI » donne 1181 pixels. Si vous oubliez et restez au 96 DPI par défaut, le convertisseur dit 378 pixels — et votre imprimeur vous dira que le fichier est trop petit. Vérifiez toujours le menu DPI avant de lire des nombres d'impression.

Faire confiance au DPI enregistré dans le fichier. Le « Save for Web » de Photoshop met la métadonnée à 72 DPI. Le navigateur l'ignore. La presse utilise ce que l'outil de mise en page lui dit, pas le tag du fichier. Le convertisseur l'ignore aussi — il vous demande quel DPI utiliser, à chaque fois.

Mélanger pixels CSS et pixels physiques sur Retina. Quand vous mesurez un écran Retina avec une règle physique et essayez de remonter au DPI, vous obtenez ~163 PPI sur un iPhone. Le CSS utilise toujours 96. Les deux sont justes ; ils décrivent des choses différentes. Le convertisseur parle pixels CSS. Pour la mesure en pixels physiques sur un écran spécifique, calibrez avec l'outil Screen Ruler.

Ignorer le surlignage de la ligne d'entrée. Quand la ligne Pixels est surlignée, la valeur dans cette ligne est votre entrée, pas une conversion. Lisez les trois autres lignes. (Ça en attrape plus de designers qu'on ne croit.)

Étapes suivantes

Une fois le convertisseur intégré à votre workflow, deux outils liés tendent à apparaître :

Le Calculateur de rapport d'aspect gère le problème orthogonal : « 1920 × 1080 a-t-il la même forme que 3840 × 2160 ? » Utilisez-le avec le convertisseur de pixels quand vous reconstruisez un asset pour un autre support et que dimensions et forme comptent.
Le Screen Ruler gère la calibration en monde réel : il affiche une règle 1:1 sur votre écran pour comparer une mesure CSS à un objet physique (carte de crédit, impression, pièce). Quand vous suspectez un décalage de DPI sur un écran particulier, c'est l'outil qui confirme.

Mettez les trois en favori et tout le workflow pixel-vers-unité-physique tient à un onglet près.