Utilia

Skjermoppløsning

Sjekk skjermoppløsning, viewport-størrelse, pikselforhold, fysiske piksler, fargedybde og orientering med en gang, med direkte oppdatering.

Skjermoppløsning (CSS-piksler)
–
Fysiske piksler (anslag)
–
Enhetens pikselforhold
–
Viewport (sideområde)
–
Tilgjengelig skjerm
–
Nettleservindu
–
Sideforhold
–
Orientering
–
Fargedybde
–
Fargeomfang
–
HDR-skjerm
–
Klypezoom
–

Verdiene oppdateres direkte når du endrer størrelsen på vinduet, roterer enheten, zoomer eller flytter vinduet til en annen skjerm.

Fysiske piksler anslås som skjermstørrelse × enhetens pikselforhold. Tilbakestill nettleserens zoom til 100 % (Ctrl+0 eller Cmd+0) for et nøyaktig tall.

Slik bruker du dette verktøyet

  1. Åpne siden: alle verdier vises med en gang, lest fra nettleseren din.
  2. Endre størrelsen på vinduet, roter mobilen eller nettbrettet, eller dra vinduet til en annen skjerm. Verdiene oppdateres direkte.
  3. Trykk Kopier som tekst for å kopiere alle verdiene som en vanlig tekstliste, praktisk for en feilrapport eller en supporthenvendelse.

Hva hver verdi betyr

Skjermoppløsning (CSS-piksler) er størrelsen på hele skjermen slik nettsider ser den. På en vanlig skjerm med 100 % skalering tilsvarer den skjermens reelle oppløsning. På skjermer med høy tetthet er den mindre: en bærbar PC med et panel på 2880 × 1800 og 200 % skalering rapporterer 1440 × 900.

Fysiske piksler (anslag) er skjermoppløsningen multiplisert med enhetens pikselforhold. Det er vanligvis panelets opprinnelige oppløsning, og verktøyet navngir vanlige oppløsninger som Full HD (1080p), QHD (1440p) eller 4K UHD.

Enhetens pikselforhold er hvor mange fysiske piksler som utgjør én CSS-piksel. Verdien 1 er en klassisk skjerm, 1,25 eller 1,5 er vanlig på Windows-laptoper med skjermskalering, 2 er typisk for Mac med Retina, og 3 for mange mobiler. Nettleserzoom endrer det også.

Viewport (sideområde) er den delen av vinduet der siden tegnes, uten verktøylinjer og faner. Det er størrelsen webdesignere sikter mot med responsive oppsett og mediespørringer.

Tilgjengelig skjerm er skjermen minus faste systemområder som oppgavelinjen i Windows eller menylinjen og Dock i macOS. Nettleservindu er den ytre størrelsen på vinduet, inkludert ramme og verktøylinjer.

Sideforhold er skjermens form, som 16:9, 16:10 eller 21:9 ultrabred. Orientering forteller om skjermen er liggende eller stående, med rotasjonsvinkelen når nettleseren rapporterer den.

Fargedybde er antall biter per piksel: 24 biter betyr 8 biter per kanal, og 30 biter betyr 10 biter per kanal. Fargeomfang viser det bredeste området nettleseren sier at skjermen dekker: sRGB, Display P3 eller Rec. 2020. HDR-skjerm forteller om nettleseren rapporterer en skjerm med høyt dynamisk område. Klypezoom viser zoomnivået når du klyper for å zoome på en berøringsskjerm.

Hvorfor tallene kan overraske

Nettsider ser aldri den virkelige maskinvaren direkte. Operativsystemer skalerer alt slik at tekst forblir lesbar på tette skjermer, så en 4K-skjerm med 150 % skalering ser ut som en skjerm på 2560 × 1440 for nettleseren. Raden Fysiske piksler (anslag) reverserer den utregningen. Den er nøyaktig ved 100 % nettleserzoom, men nettlesere håndterer zoom ulikt, så tilbakestill zoomen med Ctrl+0 eller Cmd+0 før du stoler på den. På mobiler kan resultatet avvike noen piksler fra den oppgitte oppløsningen på grunn av avrunding.

Hvis du bruker flere skjermer, beskriver verdiene den nettleservinduet er på akkurat nå.

Ofte stilte spørsmål

Hva er forskjellen på skjermoppløsning og viewport?

Skjermoppløsningen er størrelsen på hele skjermen. Viewport er bare området inne i nettleservinduet der siden vises, så den endrer seg når du endrer størrelsen på vinduet.

Hvorfor er oppløsningen mindre enn skjermens spesifikasjon?

Skjermskalering er trolig slått på. Multipliser med Enhetens pikselforhold for å få den fysiske oppløsningen, som raden Fysiske piksler (anslag) viser.

Hvorfor endrer pikselforholdet seg når jeg zoomer?

Nettleserzoom gjør hver CSS-piksel større, så flere fysiske piksler får plass i den. Tilbakestill zoomen til 100 % for å se forholdet som operativsystemet har satt.

Kan dette verktøyet oppdage en 10-biters eller HDR-skjerm?

Det viser det nettleseren rapporterer. Mange nettlesere rapporterer 24-biters farger selv på 10-biters paneler, og HDR oppdages bare når det er slått på i operativsystemet.

Sendes informasjonen min noe sted?

Nei. Alt leses av nettleseren din på denne siden, og ingenting sendes eller lagres.