Wat is mijn schermresolutie?
Hier zie je direct de resolutie van je scherm en de grootte van je browservenster. Heel handig voor ontwerpers, ontwikkelaars en iedereen die responsive websites test.
Schermresolutie
Grootte van je scherm in CSS-pixels (breedte × hoogte).
Venstergrootte
Zichtbaar gebied van de website in de browser. Verandert als je het venster groter of kleiner maakt.
Meer details over je scherm
| Beschikbaar gebied (zonder taakbalk) | – |
|---|---|
| Pixeldichtheid (devicePixelRatio) | – |
| Geschatte fysieke resolutie | – |
| Kleurdiepte | – |
| Oriëntatie | – |
Wil je meer weten over je internetverbinding, zoals je openbare IP-adres en je locatie? Dan kun je je IP-adres bekijken.
Wat is de schermresolutie?
De schermresolutie is het aantal pixels dat een monitor weergeeft, uitgedrukt als breedte × hoogte (bijvoorbeeld 1920 × 1080). Hoe hoger de resolutie, hoe meer inhoud er op het scherm past en hoe scherper het beeld.
Waarom is mijn resolutie niet gelijk aan die van mijn monitor?
Browsers werken met CSS-pixels. Op schermen met een hoge pixeldichtheid (Retina, smartphones en laptops met een schaal van 125% of 150%) staat één CSS-pixel gelijk aan meerdere fysieke pixels. Daarom tonen we ook de devicePixelRatio en de geschatte fysieke resolutie, het product van beide.
Wat is het verschil tussen schermresolutie en venstergrootte?
De schermresolutie is de totale grootte van de monitor, terwijl de venstergrootte (viewport) alleen de ruimte is die de website in de browser inneemt, zonder balken en menu's. Dat is de waarde die de media queries van responsive design gebruiken.
Meest voorkomende schermresoluties
Op computers: 1920 × 1080 (Full HD), 1366 × 768, 1536 × 864, 1440 × 900, 2560 × 1440 (QHD) en 3840 × 2160 (4K). Op smartphones zijn breedtes tussen 360 en 430 CSS-pixels gebruikelijk.