Schermresolutie en Monitorgegevens

Je browser rapporteert deze waarden in realtime. Verklein het venster om te zien hoe de viewport direct bijwerkt.

Schermresolutie
Wordt gedetecteerd…
Volledige fysieke schermgrootte in pixels.
Viewportgrootte
Wordt gedetecteerd…
Zichtbaar browsergebied — wordt bijgewerkt bij venstergrootte-wijziging.
Pixelverhouding (DPR)
Wordt gedetecteerd…
Fysieke pixels per CSS-pixel. Retina/HiDPI-schermen tonen doorgaans 2×.
Kleurdiepte
Wordt gedetecteerd…
Bits per pixel. 24 bits ≈ 16 miljoen kleuren.
Verversingssnelheid
Wordt gedetecteerd…
Gemeten via requestAnimationFrame. Sluit andere tabbladen voor nauwkeurigheid.
Oriëntatie
Wordt gedetecteerd…
Huidige schermoriëntatie volgens de browser.

Schermresolutie is het aantal weergegeven pixels horizontaal × verticaal. Een 1920×1080-scherm heeft ~2 miljoen pixels. Hogere resolutie betekent meer detail.

De DPR vergelijkt fysieke pixels met CSS-pixels. Een DPR van 2 betekent twee keer zoveel fysieke als CSS-pixels — gebruikelijk bij Retina/HiDPI-schermen. Standaardschermen hebben een verhouding van 1.

Resolutie is de volledige fysieke schermgrootte. Viewport is het zichtbare gebied in het browservenster, zonder werkbalken en browser-UI. Beide worden kleiner als het venster niet gemaximaliseerd is.

De verversingssnelheid (Hz) geeft aan hoe vaak het scherm per seconde ververst. 60 Hz = 60 frames per seconde. Hogere snelheden (120 Hz, 144 Hz) zorgen voor vloeiendere beweging. We meten via requestAnimationFrame-timing.