Provera rezolucije ekrana

Kako se koristi ovaj alat

1. Otvori stranicu: svaka vrednost se prikazuje odmah, očitana iz pregledača.
2. Promeni veličinu prozora, okreni telefon ili tablet ili prevuci prozor na drugi monitor. Vrednosti se menjaju uživo.
3. Pritisni Kopiraj kao tekst da kopiraš sve vrednosti kao običnu listu, korisno za prijavu greške ili zahtev za podršku.

Šta koja vrednost znači

Rezolucija ekrana (CSS pikseli) je veličina celog ekrana onako kako je vide veb-stranice. Na standardnom monitoru pri skaliranju od 100% poklapa se sa pravom rezolucijom monitora. Na ekranima velike gustine je manja: laptop sa panelom od 2880 × 1800 pri skaliranju od 200% prijavljuje 1440 × 900.

Fizički pikseli (procena) su rezolucija ekrana pomnožena odnosom piksela uređaja. To je obično izvorna rezolucija panela, a alat imenuje uobičajene kao što su Full HD (1080p), QHD (1440p) ili 4K UHD.

Odnos piksela uređaja govori koliko fizičkih piksela čini jedan CSS piksel. Vrednost 1 je klasičan monitor, 1,25 ili 1,5 je uobičajeno na Windows laptopovima sa skaliranjem prikaza, 2 je tipično za Retina Mac računare, a 3 za mnoge telefone. Zumiranje pregledača ga takođe menja.

Viewport (oblast stranice) je deo prozora u kojem se stranica crta, bez traka sa alatkama i kartica. To je veličina koju veb-dizajneri ciljaju responzivnim rasporedima i media upitima.

Raspoloživi ekran je ekran bez stalnih sistemskih oblasti kao što su Windows traka zadataka ili macOS-ova traka menija i Dock. Prozor pregledača je spoljna veličina prozora, uključujući okvir i trake sa alatkama.

Odnos stranica je oblik ekrana, na primer 16:9, 16:10 ili ultra-široki 21:9. Orijentacija kaže da li je ekran položen ili uspravan, uz ugao rotacije kad ga pregledač prijavi.

Dubina boje je broj bitova po pikselu: 24 bita znači 8 bitova po kanalu, a 30 bitova znači 10 bitova po kanalu. Opseg boja pokazuje najširi opseg koji pregledač kaže da ekran pokriva: sRGB, Display P3 ili Rec. 2020. HDR ekran kaže da li pregledač prijavljuje ekran visokog dinamičkog opsega. Zumiranje prstima prikazuje nivo zuma kad na ekranu osetljivom na dodir razdvojiš prste.

Zašto brojevi mogu da te iznenade

Veb-stranice nikada ne vide pravi hardver direktno. Operativni sistemi sve skaliraju da tekst ostane čitljiv na gustim ekranima, pa monitor od 4K pri skaliranju od 150% pregledaču izgleda kao ekran od 2560 × 1440. Red Fizički pikseli (procena) vraća taj račun unazad. Tačan je pri zumiranju pregledača od 100%, ali pregledači različito obrađuju zum, pa pre nego što mu veruješ vrati zum sa Ctrl+0 ili Cmd+0. Na telefonima rezultat može da se razlikuje za nekoliko piksela od reklamirane rezolucije zbog zaokruživanja.

Ako koristiš više monitora, vrednosti opisuju onaj na kojem se prozor pregledača trenutno nalazi.