Wat is mijn schermresolutie?
Een scherm van 1920 x 1080 heeft een beeldverhouding van 16:9 en ongeveer 2,1 megapixels. Een scherm van 1440 x 900 met een apparaat-pixelverhouding van 2 heeft 2880 x 1800 apparaatpixels.
Zo werkt het
- Open de pagina. Je schermwaarden verschijnen meteen; je hoeft niets in te drukken.
- Wijzig het formaat van het venster, draai je apparaat of verplaats het venster naar een andere monitor, en de waarden worden bijgewerkt.
- Druk op Kopiëren om een samenvatting in gewone tekst op je klembord te zetten, bijvoorbeeld om in een supportticket te plakken.
Berekening
De schermgrootte is screen.width × screen.height, gemeten in CSS-pixels. De browserviewport is window.innerWidth × window.innerHeight, het gebied dat een webpagina kan gebruiken.
De fysieke resolutie is een schatting: schermgrootte maal window.devicePixelRatio, afgerond. Op een scherm met een pixelverhouding van 2 wordt een CSS-scherm van 1440 × 900 getoond als 2880 × 1800 apparaatpixels.
De beeldverhouding wordt gekoppeld aan een gangbare verhouding zoals 16:9 of 16:10 als die binnen 0,5 procent ligt; anders wordt de exacte herleide breuk getoond.
CSS-pixels en apparaatpixels
Webpagina’s worden in CSS-pixels opgemaakt zodat tekst op verschillende schermen ongeveer even groot lijkt. Een scherm met hoge dichtheid pakt meer apparaatpixels in elke CSS-pixel en de pixelverhouding van het apparaat zegt hoeveel er in één CSS-pixel passen.
Zowel de schermschaling van het besturingssysteem als de browserzoom veranderen deze verhouding, en daarom kan dezelfde monitor in verschillende opstellingen andere waarden melden.
Veelgestelde vragen
Waarom toont dit een lagere resolutie dan de specificatie van mijn monitor?
Browsers melden groottes in CSS-pixels. Als je besturingssysteem het scherm schaalt, bijvoorbeeld naar 150 procent, beslaat één CSS-pixel meerdere apparaatpixels. De geschatte fysieke resolutie vermenigvuldigt met de pixelverhouding om dat ongedaan te maken.
Waarom veranderen de getallen als ik de pagina zoom?
In veel desktopbrowsers verandert paginazoom de gemelde pixelverhouding van het apparaat en de viewportgrootte. Zet de zoom terug op 100 procent om je normale waarden af te lezen.
Wat is het verschil tussen schermgrootte en viewport?
De schermgrootte is het hele scherm. De viewport is alleen het deel binnen het browservenster waar de pagina wordt getekend, zonder werkbalken, tabbladen of schuifbalken eromheen.
Is de fysieke resolutie altijd exact?
Nee. Ze wordt berekend uit wat de browser meldt en kan door afronding een pixel afwijken, of verschillen als de browser of het systeem een schaalfactor gebruikt die niet wordt getoond. Bekijk je beeldscherminstellingen voor de exacte oorspronkelijke resolutie.