Što je omjer piksela uređaja?
U rezultatu je prikazan omjer piksela Vašeg uređaja (DPR): koliko fizičkih piksela zaslon koristi za prikaz jednog CSS piksela. Omjer 2× znači da je svaki CSS piksel širok i visok dva fizička piksela.
Što znače vrijednosti
- 1×: jedan fizički piksel po CSS pikselu, uobičajeno za obične monitore stolnih računala
- 1,25× do 1,5×: česta prijenosna računala sa sustavom Windows i skaliranjem prikaza na 125 % ili 150 %
- 2×: Macovi s Retina zaslonom, iPadi i mnoga prijenosna računala
- 3× i više: većina modernih iPhonea i Android mobitela
Zašto je omjer važan
Web stranice sve mjere u CSS pikselima kako bi tekst i gumbi na svakom zaslonu bili približno iste fizičke veličine. Omjer piksela pregledniku govori koliko detalja može prikazati:
- Slike: stranice zaslonima s omjerom 2× i 3× mogu slati slike veće rezolucije, pa fotografije izgledaju oštro umjesto mutno.
- Tekst i ikone: fontovi i vektorske ikone automatski se iscrtavaju u punoj rezoluciji zaslona.
- Fizička rezolucija: pomnožite rezoluciju zaslona s omjerom piksela i dobit ćete stvarni broj piksela zaslona.
Kako povećanje prikaza mijenja omjer
U većini preglednika povećanje prikaza povećava omjer piksela uređaja i za isti faktor smanjuje viewport. Ako Vam se prikazana vrijednost čini neobičnom, provjerite razinu povećanja u pregledniku i vratite je tipkama Ctrl + 0 (Cmd + 0 na Macu).