Gegevens over scherm en venster
Formaten zijn in CSS-pixels, de eenheid die websites gebruiken, tenzij anders vermeld. Zet de zoom van je browser op 100% (Ctrl+0, of ⌘0 op een Mac) voor exacte getallen.
- Schermresolutie
- Bezig met controleren… De schermgrootte die websites zien.
- Fysieke resolutie
- Bezig met controleren…Schermresolutie × pixelverhouding: de echte pixels van het paneel.
- Viewport (browservenster)
- Bezig met controleren… Het deel van de pagina dat je ziet, zonder de werkbalken.
- Hele browservenster
- Bezig met controleren…
- Beschikbaar scherm
- Bezig met controleren…Het scherm min de taakbalk, het Dock of de menubalk.
- Pixelverhouding van apparaat
- Bezig met controleren…
- Beeldverhouding
- Bezig met controleren…
- Oriëntatie
- Bezig met controleren…
- Kleurdiepte
- Bezig met controleren…
- Kleurbereik
- Bezig met controleren…
- HDR
- Bezig met controleren…
- Verversingssnelheid
- Bezig met controleren…
- Touchscreen
- Bezig met controleren…
- Beeldschermen
- Bezig met controleren…
Je viewport op je scherm
Het buitenste kader is je scherm; het gearceerde vlak is het zichtbare deel van deze pagina, waar je browservenster staat.
Veelvoorkomende schermresoluties
Formaten van monitoren en laptops zijn in fysieke pixels; die van telefoons en tablets in CSS-pixels, zoals websites ze zien. Rijen die bij je scherm passen zijn gemarkeerd.
| Naam | Resolutie | Beeldverhouding | Typisch gebruik |
|---|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 | HD-tv's, kleine laptops |
| WXGA | 1366 × 768 | 16:9 | Budgetlaptops |
| HD+ | 1600 × 900 | 16:9 | 17-inch laptops, oudere monitoren |
| Full HD (1080p) | 1920 × 1080 | 16:9 | De meeste monitoren en laptops |
| WUXGA | 1920 × 1200 | 16:10 | Kantoormonitoren, laptops |
| QHD / 2K (1440p) | 2560 × 1440 | 16:9 | 27-inch monitoren, gaming |
| WQXGA | 2560 × 1600 | 16:10 | MacBook Air en Pro, 16:10-laptops |
| UWQHD | 3440 × 1440 | 21:9 | 34-inch ultrawide monitoren |
| 4K UHD (2160p) | 3840 × 2160 | 16:9 | 4K-monitoren en -tv's |
| 5K | 5120 × 2880 | 16:9 | iMac, Apple Studio Display |
| iPhone 12 / 13 / 14 | 390 × 844 | 19.5:9 | iPhone (CSS-pixels) |
| iPhone 15 / 16 | 393 × 852 | 19.5:9 | iPhone (CSS-pixels) |
| Android | 412 × 915 | 20:9 | Android-telefoons (CSS-pixels) |
| iPad | 810 × 1080 | 4:3 | iPad (CSS-pixels) |
Wat schermresolutie betekent
De schermresolutie is het aantal pixels dat je scherm in de breedte en de hoogte toont, geschreven als breedte × hoogte. Een Full HD-monitor is 1920 × 1080: 1920 pixels breed en 1080 hoog, in totaal zo'n twee miljoen pixels.
Meer pixels op een scherm van dezelfde grootte betekent scherpere tekst en afbeeldingen. Daarom kan een 13-inch laptop een hogere resolutie hebben dan een 24-inch kantoormonitor.
Waarom je resolutie lager lijkt dan die van je monitor
Windows, macOS, iOS en Android vergroten alles, zodat tekst leesbaar blijft op scherpe schermen. Een laptop met een 1920 × 1080-paneel op 125% schaal geeft websites een schermgrootte van 1536 × 864 door, en een MacBook met een 2560 × 1600-paneel meldt meestal 1440 × 900 of 1470 × 956.
Websites zien alleen deze geschaalde formaten, CSS-pixels genoemd. Vermenigvuldig ze met de pixelverhouding van het apparaat en je krijgt de fysieke resolutie, die deze pagina onder het grote getal toont. Ook de zoom van je browser verandert de pixelverhouding, dus zet die eerst terug op 100% voordat je gaat vergelijken.
Schermresolutie, viewport en venstergrootte
- Schermresolutie: het hele scherm, ook de delen die andere vensters afdekken.
- Beschikbaar scherm: het scherm min de taakbalk, het Dock of de menubalk.
- Browservenster: het hele venster, inclusief tabbladen, adresbalk en randen.
- Viewport: het deel van het venster dat de pagina toont. Op deze grootte testen webdesigners hun lay-outs, en die verandert als je het venster groter of kleiner maakt of de ontwikkelaarstools opent.
Zo verander je je schermresolutie
- Windows 11 en 10: klik met rechts op het bureaublad > Beeldscherminstellingen > Beeldschermresolutie. De optie met (Aanbevolen) is de eigen resolutie van je monitor. De schaal stel je er net boven in.
- macOS: Apple-menu > Systeeminstellingen > Beeldschermen en kies een formaat. „Grotere tekst” gebruikt minder, maar grotere CSS-pixels; de fysieke resolutie van het paneel blijft gelijk.
- iPhone en Android: de resolutie ligt vast. Weergavezoom (iPhone) of Weergavegrootte (Android) verandert hoe groot alles eruitziet, en daarmee de CSS-grootte die websites zien.
- Voor het scherpste beeld houd je de eigen resolutie aan en pas je in plaats daarvan de schaal aan.
Vragen
Wat is mijn schermresolutie?
Die staat bovenaan deze pagina, uitgelezen uit je browser. Het grote getal is de grootte die websites zien; de regel eronder geeft de fysieke resolutie van je beeldscherm en de schaal die je systeem gebruikt.
Waarom zie ik 1536 × 864 terwijl mijn monitor 1920 × 1080 is?
Je systeem staat op 125% schaal, dus websites zien een scherm dat 1,25 keer kleiner is. De fysieke resolutie is nog steeds 1920 × 1080, zoals onder het grote getal staat. Zo maakt 150% schaal van 1920 × 1080 ook 1280 × 720.
Is 1920 × 1080 hetzelfde als 1080p en 2K?
1920 × 1080 is Full HD, ook wel 1080p genoemd. Bij monitoren bedoelt men met 2K meestal 2560 × 1440 (QHD of 1440p), al is 2K in de bioscoop 2048 × 1080. 4K UHD is 3840 × 2160, vier keer zoveel pixels als 1080p.
Wat is de viewportgrootte?
De viewport is het deel van het browservenster dat de pagina toont, zonder tabbladen, adresbalk en schuifbalken. Responsive websites passen zich aan deze grootte aan, dus dit bedoelen designers als ze naar je browsergrootte vragen.
Wat is de pixelverhouding van een apparaat?
Dat is het aantal fysieke pixels dat samen één CSS-pixel vormt. Een verhouding van 1 betekent geen schaal, 2 is gebruikelijk bij Macs met Retina-scherm en veel telefoons, en 3 bij recente iPhones. Ook de zoom van je browser verandert hem.
Hoe check ik de schermresolutie van mijn telefoon?
Open deze pagina op je telefoon. Telefoons geven CSS-pixels door, bijvoorbeeld 393 × 852 op een iPhone 15. Vermenigvuldig met de pixelverhouding (3 op die iPhone) en je krijgt de 1179 × 2556 pixels van het paneel. Deze pagina rekent dat voor je uit.
Is de verversingssnelheid exact?
Die wordt gemeten aan hoe vaak de browser een beeld tekent, dus hij komt in de buurt maar is niet exact. Batterijbesparing, een tabblad op de achtergrond of een drukbezette computer kunnen een lagere waarde geven dan de instelling van je beeldscherm.
Gidsen
- Wat is een IP-adres?
Een IP-adres is het nummer waarmee het internet weet waar het jouw data naartoe moet sturen. Zo ziet het eruit, dit zijn de soorten, en dit zegt jouw IP over jou.
- Je IP-adres vinden
Je publieke IP vind je met één klik. Waar je privé-IP staat, hangt af van het apparaat. Dit zijn de precieze stappen voor elk apparaat.
- IPv4 vs IPv6: wat is het verschil?
IPv6 vervangt IPv4 omdat de wereld door haar adressen heen is. Zo verhouden de twee zich, zo zie je welke je gebruikt, en daarom is IPv6 belangrijk als je een VPN hebt.
- Wat is een DNS-lek en hoe los je het op?
Zelfs met je VPN aan kan je apparaat je internetprovider nog naar elke website vragen die je bezoekt. Dat is een DNS-lek. Zo herken je het en zo stop je het.