Schermresolutie controleren

Uw schermresolutie staat bovenaan de toolkaart hierboven — bijvoorbeeld 1920 × 1080. Dat is de grootte van uw scherm in CSS-pixels, de logische eenheid die browsers voor lay-outs gebruiken. Daaronder vindt u ook de geschatte fysieke resolutie, die rekening houdt met de schaling van het scherm. Als de twee getallen verschillen, draait uw scherm met schaling ingeschakeld — dat is normaal en aanbevolen op panelen met een hoge resolutie. Om de waarden live te zien bijwerken, wijzigt u het formaat van het browservenster of verplaatst u het naar een andere monitor.

Moderne schermen met een hoge resolutie gebruiken schaling om tekst en pictogrammen op een comfortabele grootte te houden. Een 4K-monitor met 150 % schaling rapporteert 2560 × 1440 CSS-pixels, terwijl het paneel fysiek 3840 × 2160 weergeeft. De screen.width- en screen.height-waarden van de browser gebruiken altijd CSS-pixels, dus de gerapporteerde resolutie is de geschaalde — logische — resolutie. Vermenigvuldigt u die met de pixelverhouding van het apparaat, dan krijgt u de fysieke resolutie — precies de berekening die de schatting van de fysieke resolutie op deze pagina voor u uitvoert.

De pixelverhouding van het apparaat is het aantal fysieke pixels dat een browser gebruikt om één CSS-pixel te tekenen. Een DPR van 1 betekent dat één CSS-pixel gelijk staat aan één fysieke pixel. Een DPR van 2 — gebruikelijk op Retina-schermen en moderne laptops — betekent dat elke CSS-pixel wordt getekend met een blok van 2 × 2 fysieke pixels, waardoor content scherper oogt. De DPR verandert ook wanneer u zoomt: op 125 % zoom in de browser stijgt de gerapporteerde DPR met een factor 1,25 — daarom is de schatting van de fysieke resolutie als benadering gemarkeerd.

Schermresolutie beschrijft uw hele beeldscherm — de volledige monitor of het telefoonscherm van uw apparaat. De viewport is daarentegen het zichtbare deel van een webpagina binnen uw browservenster: werkbalken, interfacebalken, zijbalken en schuifbalken vallen erbuiten. Bij een gemaximaliseerde browser is de viewport iets kleiner dan het scherm; in een klein zwevend venster kan hij veel kleiner zijn. Webontwikkelaars gebruiken de viewportgrootte (niet de schermresolutie) om responsive lay-outs te bouwen, omdat CSS-breakpoints reageren op de beschikbare breedte — daarom staan beide waarden naast elkaar op deze pagina.

De fysieke resolutie wordt berekend door de CSS-resolutie te vermenigvuldigen met de pixelverhouding van het apparaat en af te ronden op hele pixels. Twee factoren maken het een schatting: browserzoom wijzigt de gerapporteerde DPR — bij 110 % zoom wordt een DPR van 2 gerapporteerd als 2,2 — en sommige browsers passen zelf afronding toe op schermafmetingen. De schatting is exact wanneer de browserzoom op 100 % staat; daarom raden we aan de waarde te controleren met geresette zoom (Ctrl/Cmd + 0) wanneer u een precieze meting nodig hebt voor uw werk of documentatie.

De beschikbare ruimte is het deel van het scherm dat niet in beslag wordt genomen door vaste elementen van het besturingssysteem, zoals de Windows-taakbalk, de macOS-Dock of vaste systeembalken op mobiele apparaten. Een scherm van 1920 × 1080 met de standaard Windows-taakbalk rapporteert een beschikbare hoogte van 1040 pixels of minder. Toepassingen — inclusief gemaximaliseerde browservensters — worden binnen de beschikbare ruimte opgebouwd, dus het is vaak het praktischere getal wanneer u berekent hoeveel ruimte een gemaximaliseerd venster daadwerkelijk krijgt.

Open deze pagina en lees de schatting van de fysieke resolutie af — bij een browserzoom van 100 % komt die overeen met de natieve resolutie van het paneel, want schaling kan niet veranderen hoeveel pixels de hardware weergeeft. U kunt het controleren in uw besturingssysteem: ga op Windows naar Instellingen › Systeem › Beeldscherm en bekijk de weergaveresolutie (de aanbevolen optie is de natieve); open op macOS Systeeminstellingen › Schermen — de optie 'Standaard voor het scherm' gebruikt doorgaans de natieve resolutie met schaling voor extra scherpte.

Ja. De tool gebruikt uitsluitend standaard browserinterfaces en draait daarom op Android- en iOS-browsers net zo goed als op desktops. Op mobiel is de gerapporteerde schermresolutie meestal de logische (CSS-)resolutie van het apparaat — bijvoorbeeld 393 × 851 op veel Android-telefoons — terwijl de schatting van de fysieke resolutie het werkelijke paneel weerspiegelt. Draai het apparaat en u ziet de oriëntatie, beeldverhouding en beide afmetingen in realtime van plaats wisselen. De beschikbare ruimte op mobiel sluit de status- en navigatiebalken van het systeem uit.

Ja, volledig. Er zijn geen kosten, geen registratie, geen download en geen limiet aan het aantal keren dat u kunt controleren. Elke meting gebeurt lokaal in uw browser: de pagina leest uw scherm-, venster- en weergave-instellingen en toont ze op het scherm. Er worden geen schermgegevens, geen apparaatvingerafdruk en geen gebruiksstatistieken naar een server gestuurd, en er wordt niets bewaard nadat u het tabblad sluit. Zodra de pagina geladen is, kunt u de tool zelfs offline gebruiken; alle verwerking blijft op uw eigen apparaat.

De kaart werkt bewust live bij. Het formaat van het venster wijzigen verandert de viewport; zoomen verandert de pixelverhouding van het apparaat en daarmee de fysieke schatting; een telefoon draaien wisselt breedte en hoogte om; het venster naar een tweede monitor verplaatsen meet het scherm op waar het terechtkomt opnieuw. Zijn de getallen veranderd zonder dat u iets deed, dan is een externe gebeurtenis de oorzaak — bijvoorbeeld een scherm dat in slaapstand gaat, een gedockte laptop die van uitvoer wisselt of een besturingssysteem dat de schaling automatisch aanpast voor toegankelijkheid.