Utilia

Moja rezolucija zaslona

Odmah provjeri rezoluciju zaslona, veličinu viewporta, omjer piksela uređaja, fizičke piksele, dubinu boje i orijentaciju, uz ažuriranje uživo.

Rezolucija zaslona (CSS pikseli)
–
Fizički pikseli (procjena)
–
Omjer piksela uređaja
–
Viewport (područje stranice)
–
Dostupan zaslon
–
Prozor preglednika
–
Omjer stranica
–
Orijentacija
–
Dubina boje
–
Raspon boja
–
HDR zaslon
–
Zumiranje prstima
–

Vrijednosti se ažuriraju uživo kad promijeniš veličinu prozora, zarotiraš uređaj, zumiraš ili premjestiš prozor na drugi monitor.

Fizički pikseli procjenjuju se kao veličina zaslona × omjer piksela uređaja. Vrati zumiranje preglednika na 100 % (Ctrl+0 ili Cmd+0) za točnu brojku.

Kako koristiti ovaj alat

  1. Otvori stranicu: svaka se vrijednost odmah prikazuje, očitana iz tvog preglednika.
  2. Promijeni veličinu prozora, zarotiraj telefon ili tablet ili povuci prozor na drugi monitor. Vrijednosti se ažuriraju uživo.
  3. Pritisni Kopiraj kao tekst da kopiraš sve vrijednosti kao popis u običnom tekstu, što je zgodno za izvješće o grešci ili zahtjev podršci.

Što znači svaka vrijednost

Rezolucija zaslona (CSS pikseli) je veličina cijelog tvog zaslona onako kako je vide web-stranice. Na standardnom monitoru pri skaliranju od 100 % odgovara stvarnoj rezoluciji monitora. Na zaslonima velike gustoće manja je: laptop s panelom od 2880 × 1800 pri skaliranju od 200 % javlja 1440 × 900.

Fizički pikseli (procjena) je rezolucija zaslona pomnožena omjerom piksela uređaja. Obično je to izvorna rezolucija panela, a alat imenuje uobičajene, poput Full HD (1080p), QHD (1440p) ili 4K UHD.

Omjer piksela uređaja govori koliko fizičkih piksela čini jedan CSS piksel. Vrijednost 1 je klasičan monitor, 1,25 ili 1,5 uobičajeno je na Windows laptopima sa skaliranjem zaslona, 2 je tipično za Retina Macove, a 3 za mnoge telefone. Zumiranje preglednika to također mijenja.

Viewport (područje stranice) je dio prozora u kojem se stranica crta, bez alatnih traka i kartica. To je veličina na koju web-dizajneri ciljaju responzivnim rasporedima i media queryjima.

Dostupan zaslon je zaslon bez stalnih sustavskih područja poput trake zadataka u Windowsima ili izbornika i Docka u macOS-u. Prozor preglednika je vanjska veličina prozora, uključujući okvir i alatne trake.

Omjer stranica je oblik zaslona, primjerice 16:9, 16:10 ili 21:9 ultrawide. Orijentacija kaže je li zaslon vodoravan ili okomit, s kutom rotacije kad ga preglednik javlja.

Dubina boje je broj bitova po pikselu: 24 bita znači 8 bitova po kanalu, a 30 bitova 10 bitova po kanalu. Raspon boja prikazuje najširi raspon koji preglednik navodi da zaslon pokriva: sRGB, Display P3 ili Rec. 2020. HDR zaslon kaže javlja li preglednik zaslon visokog dinamičkog raspona. Zumiranje prstima prikazuje razinu zumiranja kad prstima zumiraš na zaslonu osjetljivom na dodir.

Zašto te brojke mogu iznenaditi

Web-stranice nikad ne vide pravi hardver izravno. Operacijski sustavi skaliraju sve kako bi tekst ostao čitljiv na gustim zaslonima, pa 4K monitor pri skaliranju od 150 % pregledniku izgleda kao zaslon od 2560 × 1440. Redak Fizički pikseli (procjena) obrće taj izračun. Točan je pri zumiranju preglednika od 100 %, ali preglednici različito obrađuju zumiranje, pa prije nego što mu vjeruješ vrati zumiranje na zadano s Ctrl+0 ili Cmd+0. Na telefonima se rezultat može razlikovati za nekoliko piksela od oglašene rezolucije zbog zaokruživanja.

Ako koristiš više monitora, vrijednosti opisuju onaj na kojem se prozor preglednika trenutno nalazi.

Česta pitanja

Koja je razlika između rezolucije zaslona i viewporta?

Rezolucija zaslona je veličina cijelog zaslona. Viewport je samo područje unutar prozora preglednika u kojem se stranica prikazuje, pa se mijenja kad mijenjaš veličinu prozora.

Zašto je moja rezolucija manja od specifikacije mog monitora?

Vjerojatno je uključeno skaliranje zaslona. Pomnoži s Omjer piksela uređaja da dobiješ fizičku rezoluciju, što prikazuje redak Fizički pikseli (procjena).

Zašto se omjer piksela uređaja mijenja kad zumiram?

Zumiranje preglednika povećava svaki CSS piksel, pa u njega stane više fizičkih piksela. Vrati zumiranje na 100 % da vidiš omjer koji postavlja tvoj operacijski sustav.

Može li ovaj alat otkriti 10-bitni ili HDR monitor?

Prikazuje ono što preglednik javlja. Mnogi preglednici javljaju 24-bitnu boju čak i na 10-bitnim panelima, a HDR se otkriva samo kad je uključen u operacijskom sustavu.

Šalju li se moji podaci negdje?

Ne. Sve očitava tvoj preglednik na ovoj stranici i ništa se ne šalje niti pohranjuje.