Schermresolutie
De echte resolutie, pixelverhouding en viewport van je scherm, live.
Fysieke pixels: CSS-grootte keer pixelverhouding
- Werkt live mee bij resizen
- Toont de pixelverhouding
- Werkt op telefoons en tablets
Zo check je je schermresolutie
- Open deze pagina op het apparaat dat je wilt checken.
- Lees de resolutie en pixelverhouding af in de vakken hieronder.
- Verklein het venster of draai je apparaat om de cijfers live te zien veranderen.
Gangbare resoluties en waar je ze tegenkomt
| Naam | Resolutie | Gangbaar bij |
|---|---|---|
| HD | 1280 x 720 | Oudere of budget-laptops |
| Full HD | 1920 x 1080 | De meeste laptops en monitoren die nu verkocht worden |
| QHD (1440p) | 2560 x 1440 | Betere monitoren en sommige telefoons |
| 4K UHD | 3840 x 2160 | Premium monitoren en tv's |
Fysieke pixels versus CSS-pixels
Een CSS-pixel is de eenheid waarin webpagina's worden opgemaakt, maar die komt niet altijd overeen met een fysiek puntje op het scherm. De pixelverhouding vertelt hoeveel fysieke pixels er in elke CSS-pixel passen, dus een verhouding van 2 betekent dat het paneel 4 fysieke pixels tekent, in een vierkant van 2 bij 2, voor elke CSS-pixel die een website gebruikt.
Schermen met een hoge dichtheid, zoals telefoons en laptops, tonen een kleinere CSS-grootte gecombineerd met een pixelverhouding van 2 of 3, terwijl de meeste desktopmonitoren een pixelverhouding van 1 tonen, waarbij CSS-pixels en fysieke pixels een op een overeenkomen.
Hoe je je resolutie wijzigt
- Open op Windows 11 Instellingen, dan Systeem, dan Beeldscherm, en kies een andere optie in het keuzemenu Schermresolutie.
- Open op macOS Systeeminstellingen, dan Schermen, en kies Standaard of een van de geschaalde opties onder de resolutie-instellingen van het scherm.
- Draai een telefoon of tablet, of verklein een browservenster op de desktop, om de viewportcijfers op deze pagina live te zien veranderen zonder je echte schermresolutie aan te passen.
Veelgestelde vragen over Schermresolutie checker
Waarom toont dit een ander getal dan mijn scherminstellingen?
Windows en macOS tonen de resolutie die je in de scherminstellingen hebt gekozen, wat lager kan zijn dan de eigen resolutie van het paneel als schaling aanstaat. Deze pagina toont wat de browser ziet, vermenigvuldigd met de pixelverhouding.
Wat is devicePixelRatio?
Dit is de verhouding tussen fysieke pixels en CSS-pixels. Een verhouding van 2 betekent dat elke CSS-pixel wordt getekend met 4 fysieke pixels, wat gebruikelijk is voor telefoonschermen en de meeste moderne laptops.
Waarom is de viewport kleiner dan de schermgrootte?
De viewport is het zichtbare gebied binnen het browservenster, dus die laat de taakbalk, de werkbalk van de browser en eventuele andere vensters op het scherm buiten beschouwing.
Werkt dit op mijn telefoon of tablet?
Ja. Open de pagina in elke mobiele browser en draai het apparaat om zowel de staande als liggende cijfers te zien.
Welke resolutie moet ik kiezen voor mijn monitor?
Kies de optie met Aanbevolen in je scherminstellingen, die overeenkomt met de eigen resolutie van het paneel. Een lcd-monitor onder zijn eigen resolutie laten draaien maakt tekst en fijne randen meestal wazig omdat het beeld moet worden opgeschaald.
Waarom tonen twee telefoons met hetzelfde schermformaat verschillende getallen?
Fabrikanten kiezen hun eigen pixeldichtheid en CSS-schaalfactor, zelfs voor schermen van een vergelijkbaar fysiek formaat, dus twee telefoons met een vergelijkbare diagonaal kunnen verschillende resoluties en pixelverhoudingen tonen.
Wat is het verschil tussen resolutie en schermgrootte?
Resolutie telt pixels over het scherm. Grootte meet de fysieke diagonaal in inches. Dezelfde resolutie in een kleiner scherm geeft een hogere pixeldichtheid, daarom zien telefoonschermen er van dichtbij scherper uit dan een monitor met hetzelfde aantal pixels.