Provjera rezolucije ekrana

Kako koristiti ovaj alat

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

Šta znači svaka vrijednost

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

Fizički pikseli (procjena) su rezolucija ekrana pomnožena omjerom 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.

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

Viewport (područje stranice) je dio prozora u kojem se crta stranica, bez traka s alatima i tabova. To je veličina na koju ciljaju web dizajneri pomoću responzivnih rasporeda i media queryja.

Dostupni ekran je ekran umanjen za stalna sistemska područja, poput trake zadataka u Windowsu ili trake menija i Docka u macOS-u. Prozor preglednika je vanjska veličina prozora, uključujući njegov okvir i trake s alatima.

Omjer stranica je oblik ekrana, na primjer 16:9, 16:10 ili 21:9 ultrawide. Orijentacija kaže da li je ekran položen ili uspravan, uz ugao rotacije kad ga preglednik prijavi.

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

Zašto te brojevi mogu iznenaditi

Web stranice nikad ne vide stvarni hardver direktno. Operativni sistemi skaliraju sve da tekst ostane čitljiv na gustim ekranima, pa 4K monitor pri skaliranju od 150 % pregledniku izgleda kao ekran 2560 × 1440. Red Fizički pikseli (procjena) obrće taj proračun. Tačan je pri zumiranju preglednika od 100 %, ali preglednici različito rukuju zumiranjem, pa prije nego što mu povjeruješ vrati zumiranje pomoću Ctrl+0 ili Cmd+0. Na telefonima rezultat može odstupati za nekoliko piksela od oglašene rezolucije zbog zaokruživanja.

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