Wat is mijn schermresolutie?

Je schermeigenschappen, direct gedetecteerd — geen instellingenmenu nodig

Responsieve viewport-tester

Selecteer een breedtepreset om te zien hoe de inhoud opnieuw vloeit bij verschillende viewportbreedten. De formaatbadge wordt live bijgewerkt.

Volledige breedte
— px breed bij deze preset
Let op: cross-origin iframes worden door de meeste sites geblokkeerd. Dit previewvak simuleert alleen de breedte.

Referentie ontwerppunten

Gangbare CSS-breekpunten van populaire frameworks. Je huidige viewportbreedte is gemarkeerd.

Naam Breekpuntbereik Gangbaar gebruik

Referentie gangbare schermresoluties

Naam / Apparaat Resolutie Verhouding DPR Gangbare apparaten Categorie

Browser-gebruikersagent

Laden…

Wat betekent dit allemaal?

Schermresolutie

Schermresolutie is het totale aantal pixels dat je monitor kan weergeven, uitgedrukt als breedte × hoogte (bijv. 1920×1080). Het is een hardware-eigenschap — die verandert niet tenzij je naar de beeldscherminstellingen gaat en hem daar aanpast. Hogere resolutie = meer pixels = scherper beeld en meer inhoud op het scherm.

Pixeldichtheid (DPR)

DPR is de verhouding van fysieke pixels tot CSS (logische) pixels. Een DPR van 2 betekent dat elke CSS-pixel wordt weergegeven met 2×2 = 4 fysieke pixels, waardoor alles scherper lijkt op "Retina"- of "HiDPI"-schermen. De meeste moderne smartphones hebben een DPR ≥ 2; veel MacBooks hebben een DPR van 2; sommige Android-telefoons hebben een DPR van 3 of hoger.

Voor webontwikkelaars: gebruik @media (-webkit-min-device-pixel-ratio: 2) of window.devicePixelRatio in JavaScript om afbeeldingen met hogere resolutie te serveren aan HiDPI-schermen.

Viewport vs. schermresolutie

Je schermresolutie is vast (bijv. 1920×1080). Je viewport is het inhoudsgebied van het browservenster — het krimpt als je de browser verkleint, browserelementen opent (DevTools, zijbalken) of inzoomt. CSS-mediaquery's reageren op de viewportgrootte, niet op de schermresolutie. De viewportgrootte die hier wordt getoond, wordt live bijgewerkt als je je browser verkleint.

Kleurdiepte

Kleurdiepte (in bits) bepaalt hoeveel verschillende kleuren elke pixel kan weergeven. 24-bits = 16,7 miljoen kleuren (standaard "True Color"). 30-bits = 1,07 miljard kleuren ("Deep Color", op professionele schermen). De meeste moderne monitoren zijn 24-bits of 30-bits.

Schermresolutie controleren via systeeminstellingen

  • Windows 11: Rechtermuisknop op bureaublad → Beeldscherminstellingen → "Beeldschermresolutie"
  • macOS: Apple-menu → Systeeminstellingen → Beeldschermen
  • Ubuntu/Linux: Instellingen → Beeldschermen
  • Of kijk gewoon bovenaan deze pagina — geen instellingenmenu nodig.

Veelgestelde vragen

Je schermresolutie wordt weergegeven in de kaart "Schermresolutie" bovenaan deze pagina. Deze is automatisch gedetecteerd door je browser via de window.screen-API. Als je een Retina/HiDPI-scherm hebt, toont de regel "Fysieke pixels" het werkelijke hardwarepixelaantal (schermresolutie × DPR).
DPR is het aantal fysieke pixels per logische CSS-pixel. DPR 1 = standaardscherm. DPR 2 = Retina (je scherm heeft 4× zoveel pixels als een 1×-scherm bij dezelfde CSS-grootte). DPR 3 = veel Android-telefoons. Hogere DPR betekent scherpere tekst en afbeeldingen, maar afbeeldingen moeten in hogere resoluties worden aangeboden om hier voordeel van te hebben.
Schermresolutie is het totale aantal pixels van je monitohard (vast). Viewportgrootte is het gedeelte van het browservenster dat webinhoud weergeeft — het verandert als je de browser verkleint, in- of uitzoomt, DevTools opent of sluit, of de adresbalk in- of uitklapt. CSS-mediaquery's reageren op viewportgrootte, niet op schermresolutie. De viewport die hier wordt weergegeven, wordt live bijgewerkt als je de browser verkleint.
Rechtermuisknop op je bureaublad → Beeldscherminstellingen → scroll naar "Beeldschermresolutie". Of druk op Win+I om Instellingen te openen, ga dan naar Systeem → Beeldscherm. Je kunt ook gewoon bovenaan deze pagina kijken — je resolutie wordt direct weergegeven zonder te navigeren.
Apple-menu (linksboven) → Systeeminstellingen → Beeldschermen. Onder je beeldschermnaam zie je de resolutie. Op oudere macOS: Systeemvoorkeuren → Beeldschermen. Let op: op Retina-Macs toont macOS mogelijk een "geschaalde" resolutie (bijv. "Ziet eruit als 2560×1600") — dit is de logische resolutie. De fysieke hardwareresolutie is 2× zo groot.