Resolució de pantalla

Com fer servir aquesta eina

1. Obre la pàgina: tots els valors es mostren de seguida, llegits del navegador.
2. Canvia la mida de la finestra, gira el mòbil o la tauleta, o arrossega la finestra a un altre monitor. Els valors s’actualitzen en directe.
3. Prem Copia com a text per copiar tots els valors com una llista de text net, útil per a un informe d’error o una petició de suport.

Què significa cada valor

Resolució de pantalla (píxels CSS) és la mida de tota la pantalla tal com la veuen les pàgines web. En un monitor estàndard amb una escala del 100 %, coincideix amb la resolució real del monitor. A les pantalles de densitat alta és més petita: un portàtil amb un panell de 2880 × 1800 amb una escala del 200 % indica 1440 × 900.

Píxels físics (estimació) és la resolució de pantalla multiplicada per la relació de píxels del dispositiu. Normalment és la resolució nativa del panell, i l’eina en dona el nom quan és una de les habituals, com Full HD (1080p), QHD (1440p) o 4K UHD.

Relació de píxels del dispositiu és quants píxels físics formen un píxel CSS. Un valor d‘1 és un monitor clàssic, 1,25 o 1,5 és habitual en portàtils amb Windows amb escala de pantalla, 2 és típic dels Mac Retina, i 3 de molts telèfons. El zoom del navegador també el canvia.

Viewport (àrea de la pàgina) és la part de la finestra on es dibuixa la pàgina, sense les barres d’eines ni les pestanyes. És la mida que fan servir com a referència els dissenyadors web amb les disposicions adaptables i les consultes de mitjans.

Pantalla disponible és la pantalla menys les àrees permanents del sistema, com la barra de tasques de Windows o la barra de menús i el Dock de macOS. Finestra del navegador és la mida exterior de la finestra, amb el marc i les barres d’eines.

Relació d’aspecte és la forma de la pantalla, com 16:9, 16:10 o 21:9 ultraample. Orientació indica si la pantalla és en mode horitzontal o vertical, amb l’angle de rotació quan el navegador l’informa.

Profunditat de color és el nombre de bits que es fan servir per píxel: 24 bits vol dir 8 bits per canal, i 30 bits vol dir 10 bits per canal. Gamma de colors mostra el rang més ample que el navegador diu que cobreix la pantalla: sRGB, Display P3 o Rec. 2020. Pantalla HDR indica si el navegador detecta una pantalla d’alt rang dinàmic. Zoom amb els dits mostra el nivell de zoom quan pessigues per ampliar en una pantalla tàctil.

Per què els números et poden sorprendre

Les pàgines web mai no veuen directament el maquinari real. Els sistemes operatius escalen tot perquè el text es pugui llegir en pantalles denses, de manera que un monitor 4K amb una escala del 150 % apareix al navegador com una pantalla de 2560 × 1440. La fila Píxels físics (estimació) inverteix aquest càlcul. És exacta amb un zoom del navegador del 100 %, però els navegadors gestionen el zoom de maneres diferents, així que restableix-lo amb Ctrl+0 o Cmd+0 abans de fiar-te’n. En els telèfons, el resultat pot diferir uns quants píxels de la resolució anunciada per l’arrodoniment.

Si fas servir diversos monitors, els valors descriuen el monitor on és ara la finestra del navegador.