Utilia

Skærmopløsning

Se straks din skærmopløsning, viewport, pixelforhold, fysiske pixels, farvedybde og orientering med live opdatering, når vinduet ændres.

Skærmopløsning (CSS-pixels)
–
Fysiske pixels (estimat)
–
Enhedens pixelforhold
–
Viewport (sideområde)
–
Tilgængelig skærm
–
Browservindue
–
Billedformat
–
Orientering
–
Farvedybde
–
Farveområde
–
HDR-skærm
–
Knibezoom
–

Værdierne opdateres live, når du ændrer vinduets størrelse, drejer enheden, zoomer eller flytter vinduet til en anden skærm.

Fysiske pixels estimeres som skærmstørrelse × enhedens pixelforhold. Nulstil browserens zoom til 100 % (Ctrl+0 eller Cmd+0) for at få et nøjagtigt tal.

Sådan bruger du værktøjet

  1. Åbn siden: Alle værdier vises med det samme og læses fra din browser.
  2. Ændr vinduets størrelse, drej din telefon eller tablet, eller træk vinduet over på en anden skærm. Værdierne opdateres live.
  3. Klik på Kopiér som tekst for at kopiere alle værdier som en liste i ren tekst, praktisk til en fejlrapport eller en supportanmodning.

Hvad hver værdi betyder

Skærmopløsning (CSS-pixels) er størrelsen på hele din skærm, som websider ser den. På en almindelig skærm ved 100 % skalering svarer den til skærmens reelle opløsning. På skærme med høj pixeltæthed er den mindre: En bærbar med et panel på 2880 × 1800 ved 200 % skalering rapporterer 1440 × 900.

Fysiske pixels (estimat) er skærmopløsningen ganget med enhedens pixelforhold. Det er som regel panelets native opløsning, og værktøjet navngiver almindelige opløsninger som Full HD (1080p), QHD (1440p) eller 4K UHD.

Enhedens pixelforhold er, hvor mange fysiske pixels der udgør én CSS-pixel. En værdi på 1 er en klassisk skærm, 1,25 eller 1,5 er almindeligt på Windows-computere med skærmskalering, 2 er typisk for Mac med Retina, og 3 for mange telefoner. Browserens zoom ændrer det også.

Viewport (sideområde) er den del af vinduet, hvor siden tegnes, uden værktøjslinjer og faner. Det er den størrelse, webdesignere sigter efter med responsive layouts og media queries.

Tilgængelig skærm er skærmen fratrukket faste systemområder som proceslinjen i Windows eller menulinjen og Dock i macOS. Browservindue er vinduets ydre størrelse inklusive ramme og værktøjslinjer.

Billedformat er skærmens form, f.eks. 16:9, 16:10 eller 21:9 ultrawide. Orientering angiver, om skærmen er liggende eller stående, med rotationsvinklen, når browseren rapporterer den.

Farvedybde er antallet af bit pr. pixel: 24 bit betyder 8 bit pr. kanal, og 30 bit betyder 10 bit pr. kanal. Farveområde viser det bredeste område, browseren siger, at skærmen dækker: sRGB, Display P3 eller Rec. 2020. HDR-skærm angiver, om browseren rapporterer en skærm med højt dynamikområde. Knibezoom viser zoomniveauet, når du zoomer ved at knibe på en berøringsskærm.

Hvorfor tallene kan overraske

Websider ser aldrig den rigtige hardware direkte. Operativsystemer skalerer alt, så tekst forbliver læselig på skærme med høj tæthed, så en 4K-skærm ved 150 % skalering ser ud som en skærm på 2560 × 1440 for browseren. Rækken Fysiske pixels (estimat) vender den beregning om. Den er nøjagtig ved 100 % browserzoom, men browsere håndterer zoom forskelligt, så nulstil zoom med Ctrl+0 eller Cmd+0, før du stoler på den. På telefoner kan resultatet afvige nogle få pixels fra den oplyste opløsning på grund af afrunding.

Hvis du bruger flere skærme, beskriver værdierne den skærm, browservinduet er på lige nu.

Ofte stillede spørgsmål

Hvad er forskellen på skærmopløsning og viewport?

Skærmopløsningen er størrelsen på hele skærmen. Viewport er kun det område i browservinduet, hvor siden vises, så det ændrer sig, når du ændrer vinduets størrelse.

Hvorfor er min opløsning mindre end min skærms specifikation?

Skærmskalering er sandsynligvis slået til. Gang med Enhedens pixelforhold for at få den fysiske opløsning, som rækken Fysiske pixels (estimat) viser.

Hvorfor ændrer enhedens pixelforhold sig, når jeg zoomer?

Browserzoom gør hver CSS-pixel større, så flere fysiske pixels er i den. Nulstil zoom til 100 % for at se det forhold, dit operativsystem har sat.

Kan værktøjet registrere en skærm med 10 bit eller HDR?

Det viser, hvad browseren rapporterer. Mange browsere rapporterer 24-bit farve selv på paneler med 10 bit, og HDR registreres kun, når det er slået til i operativsystemet.

Bliver mine oplysninger sendt nogen steder hen?

Nej. Alt læses af din browser på denne side, og intet sendes eller gemmes.