Utilia

Ekrano raiškos tikrinimas

Iškart sužinok ekrano raišką, viewport dydį, įrenginio pikselių santykį, fizinius pikselius, spalvų gylį ir orientaciją su gyvais atnaujinimais.

Ekrano raiška (CSS pikseliai)
–
Fiziniai pikseliai (įvertis)
–
Įrenginio pikselių santykis
–
Viewport (puslapio sritis)
–
Pasiekiamas ekranas
–
Naršyklės langas
–
Kraštinių santykis
–
Orientacija
–
Spalvų gylis
–
Spalvų gama
–
HDR ekranas
–
Priartinimas pirštais
–

Reikšmės atnaujinamos gyvai, kai keiti lango dydį, pasuki įrenginį, keiti mastelį ar perkeli langą į kitą monitorių.

Fiziniai pikseliai įvertinami kaip ekrano dydis × įrenginio pikselių santykis. Kad skaičius būtų tikslus, atstatyk naršyklės mastelį iki 100 % (Ctrl+0 arba Cmd+0).

Kaip naudotis šiuo įrankiu

  1. Atidaryk puslapį: visos reikšmės parodomos iškart, nuskaitytos iš tavo naršyklės.
  2. Keisk lango dydį, pasuk telefoną ar planšetę arba nutempk langą į kitą monitorių. Reikšmės atsinaujina gyvai.
  3. Spausk Kopijuoti kaip tekstą, kad nukopijuotum visas reikšmes kaip paprasto teksto sąrašą, patogų klaidos pranešimui ar pagalbos užklausai.

Ką reiškia kiekviena reikšmė

Ekrano raiška (CSS pikseliai) yra viso ekrano dydis taip, kaip jį mato tinklalapiai. Standartiniame monitoriuje esant 100 % mastelio ji sutampa su tikra monitoriaus raiška. Didelio tankio ekranuose ji mažesnė: nešiojamasis su 2880 × 1800 skydeliu ir 200 % mastelio praneša 1440 × 900.

Fiziniai pikseliai (įvertis) yra ekrano raiška, padauginta iš įrenginio pikselių santykio. Paprastai tai skydelio natūrali raiška, o įrankis įvardija dažniausias, pavyzdžiui, Full HD (1080p), QHD (1440p) ar 4K UHD.

Įrenginio pikselių santykis parodo, kiek fizinių pikselių sudaro vieną CSS pikselį. 1 reiškia klasikinį monitorių, 1,25 ar 1,5 įprasta „Windows“ nešiojamuosiuose su ekrano mastelio keitimu, 2 būdinga „Retina“ „Mac“ kompiuteriams, o 3 – daugeliui telefonų. Jį keičia ir naršyklės mastelis.

Viewport (puslapio sritis) yra lango dalis, kurioje piešiamas puslapis, be įrankių juostų ir skirtukų. Būtent šį dydį interneto dizaineriai taiko adaptyviems maketams ir media queries.

Pasiekiamas ekranas yra ekranas, atėmus nuolatines sistemos sritis, pavyzdžiui, „Windows“ užduočių juostą ar „macOS“ meniu juostą ir Dock. Naršyklės langas yra išorinis lango dydis, įskaitant rėmelį ir įrankių juostas.

Kraštinių santykis yra ekrano forma, pavyzdžiui, 16:9, 16:10 ar itin platus 21:9. Orientacija nurodo, ar ekranas gulsčias, ar stačias, o kai naršyklė praneša, – ir pasukimo kampą.

Spalvų gylis yra bitų skaičius pikseliui: 24 bitai reiškia 8 bitus kanalui, o 30 bitų – 10 bitų kanalui. Spalvų gama rodo plačiausią diapazoną, kurį pagal naršyklę aprėpia ekranas: sRGB, Display P3 ar Rec. 2020. HDR ekranas nurodo, ar naršyklė praneša apie didelio dinaminio diapazono ekraną. Priartinimas pirštais rodo mastelio lygį, kai jutikliniame ekrane priartini pirštais.

Kodėl skaičiai gali nustebinti

Tinklalapiai niekada tiesiogiai nemato tikrosios įrangos. Operacinės sistemos viską padidina, kad tekstas liktų skaitomas tankiuose ekranuose, todėl 4K monitorius su 150 % mastelio naršyklei atrodo kaip 2560 × 1440 ekranas. Eilutė Fiziniai pikseliai (įvertis) šį skaičiavimą apverčia. Esant 100 % naršyklės mastelio, ji tiksli, tačiau naršyklės mastelį tvarko skirtingai, todėl pirmiausia atstatyk mastelį su Ctrl+0 arba Cmd+0. Telefonuose rezultatas dėl apvalinimo gali kelių pikselių skirtis nuo skelbiamos raiškos.

Jei naudoji kelis monitorius, reikšmės aprašo tą, kuriame šiuo metu yra naršyklės langas.

Dažnai užduodami klausimai

Kuo skiriasi ekrano raiška ir viewport?

Ekrano raiška yra viso ekrano dydis. Viewport yra tik sritis naršyklės lange, kurioje rodomas puslapis, todėl jis keičiasi keičiant lango dydį.

Kodėl mano raiška mažesnė už monitoriaus specifikaciją?

Tikriausiai įjungtas ekrano mastelio keitimas. Padaugink iš Įrenginio pikselių santykis, kad gautum fizinę raišką, kurią rodo eilutė Fiziniai pikseliai (įvertis).

Kodėl keičiant mastelį keičiasi įrenginio pikselių santykis?

Naršyklės mastelis padidina kiekvieną CSS pikselį, todėl į jį telpa daugiau fizinių pikselių. Atstatyk mastelį iki 100 %, kad pamatytum operacinės sistemos nustatytą santykį.

Ar šis įrankis gali aptikti 10 bitų ar HDR monitorių?

Jis rodo tai, ką praneša naršyklė. Daugelis naršyklių praneša 24 bitų spalvas net su 10 bitų skydeliais, o HDR aptinkamas tik tada, kai jis įjungtas operacinėje sistemoje.

Ar mano informacija kur nors siunčiama?

Ne. Viską nuskaito tavo naršyklė šiame puslapyje ir niekas nesiunčiama ar nesaugoma.