Wat is mijn schermresolutie?
Welke resolutie heeft mijn scherm, en hoeveel ruimte krijgt een webpagina eigenlijk binnen het browservenster? Alle waarden worden rechtstreeks in je browser gemeten en werken live bij, terwijl je het venster verschaalt, inzoomt of je apparaat draait.
Zo wordt het berekend
Er is meer dan één juist antwoord op “wat is mijn schermresolutie”: de fysieke pixels van het beeldscherm, de CSS-pixels waarmee de browser werkt, en de viewport – het gebied dat een webpagina daadwerkelijk krijgt. Deze tool toont ze allemaal naast elkaar.
Wat de waarden betekenen
- Fysieke pixels: schermgrootte in CSS-pixels × devicePixelRatio. Een Full HD-laptop met 125% schaling meldt 1536 × 864 CSS-pixels – × 1,25 geeft de echte 1920 × 1080.
- devicePixelRatio: hoeveel fysieke pixels één CSS-pixel vormen. 1 = klassiek beeldscherm, 2 of 3 = Retina- of telefoonscherm. Zowel browserzoom als Windows-schaalinstelling verandert deze waarde.
- Beschikbaar: het scherm minus de taakbalk of het Dock.
- Viewport: de binnenmaat van het browservenster (
innerWidth × innerHeight) – hierop reageren media queries en responsive layouts. Het zichtbare gebied (visual viewport) is kleiner op telefoons als je inzoomt met je vingers of als het toetsenbord open staat. - Beeldverhouding: exact vereenvoudigd (1920 × 1080 = 16:9) en bij afwijkende waarden de gangbare naam (1366 × 768 ≈ 16:9).
- Breakpoint: welk niveau van Bootstrap 5 (sm vanaf 576, md vanaf 768, lg vanaf 992, xl vanaf 1200, xxl vanaf 1400 px) en Tailwind CSS (sm vanaf 640, md vanaf 768, lg vanaf 1024, xl vanaf 1280, 2xl vanaf 1536 px) van toepassing is op de huidige vensterbreedte.
Veelgebruikte resoluties
| Naam | Pixels | Verhouding |
|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 |
| HD / WXGA | 1366 × 768 | ≈ 16:9 |
| Full HD (1080p) | 1920 × 1080 | 16:9 |
| WUXGA | 1920 × 1200 | 16:10 |
| QHD / WQHD (1440p) | 2560 × 1440 | 16:9 |
| UWQHD | 3440 × 1440 | ≈ 21:9 |
| 4K UHD | 3840 × 2160 | 16:9 |
Beperkingen
Browsers ronden CSS-pixels soms naar beneden af, waardoor fysieke pixels één af kunnen wijken (2561 in plaats van 2560). Bij meerdere monitors meldt de browser het scherm waarop het venster zich op dat moment bevindt. Firefox met ingeschakelde fingerprinting-bescherming (resistFingerprinting) kan bewust standaardwaarden tonen.
Veelgestelde vragen
Hoe kom ik achter mijn schermresolutie?
Open gewoon deze pagina: bovenaan zie je de resolutie in fysieke pixels, gevolgd door de waarden in CSS-pixels en de grootte van je browservenster. Op Windows vind je het ook onder Instellingen → Systeem → Beeldscherm → Schermresolutie.
Waarom toont mijn browser 1536 × 864 in plaats van 1920 × 1080?
Omdat Windows op 125% schaling staat (of de browserzoom niet op 100% staat). De browser werkt dan in CSS-pixels: 1920 ÷ 1,25 = 1536. De fysieke pixels staan bovenaan – dat zijn de CSS-pixels × devicePixelRatio.
Wat is het verschil tussen schermresolutie en viewport?
De schermresolutie is de grootte van het hele beeldscherm. De viewport is alleen het binnengebied van het browservenster, zonder tabbalk, adresbalk en taakbalk. Voor webdesign en media queries telt de viewport.
Wat betekent een devicePixelRatio van 2 of 3?
Je scherm heeft een hoge pixeldichtheid (Retina): één CSS-pixel bestaat uit 2 × 2 of 3 × 3 fysieke pixels. Tekst en afbeeldingen zien er scherper uit, terwijl de opmaak dezelfde grootte behoudt.
Worden mijn gegevens opgeslagen?
Nee. Alle waarden worden alleen in je browser gelezen en getoond; er wordt niets verzonden of opgeslagen.
Bronnen en wettelijke basis
- MDN Web Docs – Screen
- MDN Web Docs – Window.devicePixelRatio
- MDN Web Docs – Visual Viewport API
- MDN Web Docs – prefers-color-scheme
- Bootstrap 5.3 – Breakpoints
- Tailwind CSS – Responsive design
Bijgewerkt op:
Vergelijkbare tools
- Wat is mijn user agentToont je user agent en herkent browser, versie, engine, besturingssysteem en apparaattype, met Client Hints. Analyseer ook een andere. Alles lokaal.
- Wat is mijn IP-adres?Toont direct je publieke IP-adres, detecteert IPv4 of IPv6 en legt het verschil uit. Gratis, geen registratie – je IP-adres wordt nooit opgeslagen.
- Webcamtest: test je cameraGratis webcamtest in de browser: live beeld, echte resolutie en framerate, van 480p tot 4K, spiegelen, foto opslaan. Er wordt niets geüpload.
- Toetsenbordtest: werken alle toetsen?Gratis online toetsenbordtest: elke ingedrukte toets licht op en blijft gemarkeerd als getest. Toont key, code en location, met een ghosting/rollover-test.
- Base64 encoderen en decoderenBase64 en Base64url encoderen en decoderen met correcte UTF-8, plus URL encode/decode (percent-encoding). Duidelijke foutmeldingen, lokaal in je browser.
- Beeldverhouding berekenenBereken de beeldverhouding uit breedte en hoogte (1920 × 1080 = 16:9), vind de ontbrekende zijde, de decimale waarde, de standaardverhouding en de CSS.