Mijn scherm en resolutie controleren
Inspecteer schermresolutie, beschikbare grootte, viewport, pixel ratio (DPI), kleurdiepte, oriëntatie en toegankelijkheidsvoorkeuren (kleurschema, reduced motion).
Deze schermcontrole leest `screen`- en `window`-metrieken: resolutie, beschikbare grootte, inner/outer viewport, kleurdiepte, device pixel ratio en oriëntatie. Nuttig voor responsive debugging, Retina/HDPI-vergelijking en inzicht in hoe pixel ratio weblayout beïnvloedt — CheckProxy.org.
Scherm scannen…
Scherm scannen…
FAQ — Scherm, resolutie en DPI
Vragen over resolutie, DPI, pixel ratio en viewport in de browser.
Resolutie is de breedte/hoogte van het scherm (`screen.width/height`). De inner viewport is het pagina-inhoudsgebied na browserchrome — meestal kleiner dan volledig scherm.
Pixel ratio koppelt één CSS-pixel aan apparaatpixels. Een waarde van 2 op Retina-schermen betekent scherpere beelden maar vereist vaak @2x-assets — belangrijk voor scherm- en UI-controles.
Kleurdiepte is bits per kleurkanaal (vaak 24 of 30). Pixeldiepte kan overeenkomen of bufferinfo toevoegen — nuttig als weergavekwaliteitshint.
Op telefoons en tablets helpen rotatiehoek (0°, 90°, …) en portret/landschap-type bij het verifiëren van responsive layouts en media queries.
Dit zijn gebruiker/OS-hints: donker of licht thema en verminderde animatie. Sites kunnen ze lezen om UI en toegankelijkheid aan te passen.