LuabifyDiagnostics rapides des appareils

Test DPI écran : vérifiez DPR, viewport, résolution et pourquoi l'écran semble zoomé

Click Test DPI écran Vérifiez le device pixel ratio, le DPI estimé, la résolution de l'écran et le viewport pour comprendre la mise à l'échelle, le zoom du navigateur, le comportement Retina et les différences de layout entre écrans.

Aperçu de l’écran

DPI écran et ratio de pixels

Consultez la résolution, le ratio de pixels et le DPI estimé.

Le DPI est une estimation basée sur le ratio de pixels, pas une mesure physique.

Écran

Résolution d’écran--
Pixels de l’appareil--
Profondeur de couleur--
Profondeur de pixels--

Viewport

Taille du viewport--

Densité

Ratio de pixels de l’appareil--
DPI estimé--

Pourquoi utiliser ce test DPI écran en ligne

Ce test DPI écran est particulièrement utile lorsqu'un site semble trop agrandi, que le texte paraît trop petit, que des captures sont floues ou que le même layout se comporte différemment selon les appareils. Au lieu de supposer, vous pouvez comparer device pixel ratio, DPI estimé, résolution d'écran et viewport au même endroit. La page devient ainsi utile pour les designers, développeurs frontend, équipes QA, support et toute personne qui doit expliquer pourquoi un écran Retina ou HiDPI rend différemment d'un écran standard.

Ce que l'outil mesure réellement

L'outil lit des valeurs du navigateur comme window.devicePixelRatio, la taille de l'écran, le viewport et la profondeur de couleur. À partir de là, il calcule un DPI estimé dans le contexte actuel de mise à l'échelle du navigateur. C'est très utile pour comprendre la différence entre CSS pixels et device pixels, mais ce n'est pas une mesure physique exacte de la densité de la dalle. Il faut le voir comme un outil pratique de diagnostic de mise à l'échelle et de rendu, et non comme un calibrateur matériel.

Pourquoi le layout, les captures et l'interface peuvent sembler différents

Une page peut paraître différente parce que la mise à l'échelle du système, le zoom du navigateur, la taille de la fenêtre et la densité d'affichage changent ce que le navigateur remonte. Un device pixel ratio élevé rend souvent le texte et les graphismes plus nets, mais il modifie aussi les captures, le canvas, les images et les breakpoints responsive. Si le viewport semble plus petit que prévu, la cause est généralement la taille de la fenêtre, le niveau de zoom ou l'interface du navigateur, et non la résolution brute de l'écran.

  • Un device pixel ratio plus élevé indique généralement un écran plus dense et un rendu plus net.
  • Le DPI estimé n'est qu'une approximation basée sur les valeurs visibles par le navigateur.
  • Le viewport change avec la taille de fenêtre, le zoom, l'orientation et l'interface du navigateur.
  • La mise à l'échelle du système peut faire réagir le même matériel différemment au niveau du navigateur.
  • Cet outil est plus fort pour diagnostiquer l'échelle et le layout que pour certifier le DPI physique exact.

Ce que le résultat peut vous aider à diagnostiquer

Utilisez cette page pour comparer un ordinateur portable et un écran externe, comprendre pourquoi un site paraît trop grand, découvrir pourquoi une capture semble douce sur un appareil et nette sur un autre, ou confirmer si le zoom et le DPR modifient votre layout responsive. Tout fonctionne localement dans le navigateur et aucune donnée personnelle n'est stockée.

Outils associés

Questions Fréquentes

Que montre ce test DPI écran ?

Il montre le device pixel ratio, le DPI estimé, la résolution de l'écran, la taille du viewport, la profondeur de couleur et d'autres valeurs visibles par le navigateur. Ensemble, ces chiffres aident à expliquer la mise à l'échelle, le zoom et les différences de rendu.

Mesure-t-il le DPI physique exact du matériel ?

Non. La valeur DPI ici est une estimation dérivée des valeurs remontées par le navigateur et du contexte actuel de mise à l'échelle. C'est utile pour un diagnostic pratique, mais ce n'est pas une mesure physique précise de la dalle.

Qu'est-ce que le device pixel ratio et pourquoi est-ce important ?

Le device pixel ratio indique combien de pixels physiques correspondent à un CSS pixel. C'est important parce que cela change l'apparence du texte, des images, du canvas, des captures et des layouts responsive.

Pourquoi un site semble-t-il zoomé ou trop grand sur un écran ?

Les causes les plus fréquentes sont la mise à l'échelle du système, le zoom du navigateur, un DPR différent ou un viewport effectif plus petit. La même résolution peut paraître très différente lorsque le navigateur remonte un autre contexte d'échelle.

Pourquoi le viewport paraît-il plus petit que la résolution d'écran ?

Le viewport n'est que la zone visible dans le navigateur, pas tout l'écran physique. La taille de fenêtre, l'interface du navigateur, le zoom, les barres latérales et l'UI mobile réduisent cet espace utile.

Cela peut-il expliquer des captures floues ou une interface trop douce ?

Oui. Les écarts entre device pixel ratio, taille d'export d'image, zoom du navigateur et hypothèses sur le viewport sont une cause fréquente de captures ou d'éléments UI flous sur un écran et nets sur un autre.

Le zoom du navigateur affecte-t-il le résultat ?

Oui. Le zoom peut modifier le viewport effectif et la façon dont le navigateur remonte les valeurs liées à l'échelle. Pour des comparaisons cohérentes, testez avec le même niveau de zoom sur chaque appareil.

La mise à l'échelle du système affecte-t-elle le résultat ?

Oui. Windows, macOS et certains environnements Linux appliquent une mise à l'échelle qui change les valeurs visibles par le navigateur. C'est l'une des raisons pour lesquelles un matériel similaire peut se comporter différemment sur le web.

Puis-je l'utiliser pour le responsive design ou des tests QA ?

Oui. Il est utile pour vérifier le viewport, le DPR et le contexte de l'écran avant d'analyser des breakpoints, bugs de layout, problèmes de captures ou différences de rendu frontend.

Ce test DPI fonctionne-t-il sur téléphone et tablette ?

Oui. Il fonctionne dans les navigateurs mobiles modernes et aide à expliquer le comportement Retina, HiDPI et la mise à l'échelle mobile. Les résultats peuvent changer selon l'orientation, le zoom et l'interface du navigateur.

Ce test DPI écran est-il privé ?

Oui. Il fonctionne localement dans votre navigateur et n'envoie ni ne stocke de données personnelles. Les valeurs se mettent à jour en temps réel tant que la page reste ouverte.

Que ne peut pas faire ce test DPI écran ?

Il ne peut pas calibrer l'écran, mesurer le DPI physique exact de la dalle, corriger automatiquement des problèmes d'échelle ni vérifier la précision des couleurs. Il affiche seulement les valeurs que le navigateur peut observer.