polyshVérificateur de ratio de pixels de l'appareil
Le ratio de pixels de votre appareil et les tailles d’export qui restent nettes dessus.
- Fonctionne dans votre navigateur
- Aucun envoi de fichier
- Aucun compte
Chargement de l'outil dans votre navigateur…
Ce que fait Vérificateur de ratio de pixels de l'appareil
Sur un écran Retina ou HiDPI, un pixel CSS est dessiné avec plusieurs pixels physiques. Le ratio de pixels de l’appareil indique combien : 1 sur un moniteur standard, 2 sur la plupart des Mac, 1,25 ou 1,5 sur de nombreux ordinateurs portables Windows, et souvent 3 sur les téléphones.
Cette valeur explique bien des petits désagréments : des captures d’écran deux fois plus grandes que prévu, un logo flou, ou un enregistrement d’écran plus grand que la fenêtre partagée. Le rapport traduit le ratio en tailles concrètes : la taille de capture d’une zone de 1280 × 720 et le multiple auquel exporter les images.
Exemple
Votre configuration
Un écran de MacBook avec sa mise à l’échelle par défaut, zoom du navigateur à 100 %
Le rapport affiche
Ratio de pixels de votre appareil : 2× 1 pixel CSS = 2 × 2 pixels de l’appareil · Haute densité (Retina / HiDPI) Une zone de 1280 × 720 est capturée en 2560 × 1440 pixels Exportez les images à 2× leur taille affichée pour qu’elles restent nettes
Mode d'emploi : Vérificateur de ratio de pixels de l'appareil
- Ouvrez la page sur l’écran à vérifier.
- Lisez le ratio, puis les tailles de capture et d’export dans le tableau.
- Déplacez la fenêtre sur un autre moniteur ou changez le zoom pour comparer.
Bon à savoir
- Pour les ratios fractionnaires comme 1,25 ou 1,5, le conseil d’export arrondit à 2×, ce qui garde des images nettes pour un fichier un peu plus lourd.
- Les captures d’écran à ratio élevé sont volumineuses. Ramenez-les à leur taille affichée pour la documentation avec le redimensionneur de captures d’écran.
- Les téléphones et tablettes indiquent leur propre ratio : vérifiez sur l’appareil que votre public utilise réellement.
Questions sur Vérificateur de ratio de pixels de l'appareil
Qu’est-ce que le ratio de pixels de l’appareil ?
C’est le nombre de pixels physiques de l’écran utilisés pour dessiner un pixel CSS dans chaque direction. Un ratio de 2 signifie que chaque pixel CSS est un bloc de 2 × 2, soit quatre pixels de l’appareil : c’est pourquoi le texte paraît plus net sur les écrans haute densité.
Pourquoi mes captures d’écran font-elles le double de la taille prévue ?
Les captures d’écran enregistrent les pixels physiques. Sur un écran 2×, une fenêtre de 1280 pixels CSS de large devient une image de 2560 pixels. Gardez le grand fichier pour l’impression ou le zoom, ou réduisez-le de moitié pour un article d’aide.
Faut-il exporter les images en 2x ou en 3x ?
Le 2× couvre la plupart des ordinateurs portables et des écrans Retina de bureau. Le 3× n’est utile que pour des images vues en taille réelle sur des téléphones haut de gamme. Des exports plus grands consomment de la bande passante : servez du 2× par défaut et ajoutez du 3× seulement là où le détail compte.
Pourquoi le ratio de pixels de mon appareil est-il de 1,5 sous Windows ?
La mise à l’échelle de l’affichage Windows est réglée sur 150 %. Le système dessine tout 1,5 fois plus grand, et le navigateur l’indique comme ratio. Beaucoup d’ordinateurs portables de 14 et 15 pouces sont livrés avec une mise à l’échelle de 125 % ou 150 % par défaut.