Utilia

Kontrolluesi i rezolucionit të ekranit

Kontrollo menjëherë rezolucionin e ekranit, viewport, raportin e pikselave, pikselat fizikë, thellësinë e ngjyrës dhe orientimin, me përditësim drejtpërdrejt.

Rezolucioni i ekranit (piksel CSS)
–
Pikselat fizikë (vlerësim)
–
Raporti i pikselave të pajisjes
–
Viewport (zona e faqes)
–
Ekrani i disponueshëm
–
Dritarja e shfletuesit
–
Raporti i pamjes
–
Orientimi
–
Thellësia e ngjyrës
–
Gama e ngjyrave
–
Ekran HDR
–
Zmadhimi me pinch
–

Vlerat përditësohen drejtpërdrejt kur ndryshon madhësinë e dritares, rrotullon pajisjen, zmadhon ose e zhvendos dritaren në një monitor tjetër.

Pikselat fizikë vlerësohen si madhësia e ekranit × raporti i pikselave të pajisjes. Ktheje zmadhimin e shfletuesit në 100 % (Ctrl+0 ose Cmd+0) për një shifër të saktë.

Si ta përdorësh këtë mjet

  1. Hape faqen: çdo vlerë shfaqet menjëherë, e lexuar nga shfletuesi yt.
  2. Ndrysho madhësinë e dritares, rrotulloje telefonin ose tabletin, ose zvarrite dritaren në një monitor tjetër. Vlerat përditësohen drejtpërdrejt.
  3. Shtyp Kopjo si tekst për të kopjuar çdo vlerë si listë me tekst të thjeshtë, e dobishme për një raport gabimi ose një kërkesë mbështetjeje.

Çfarë do të thotë çdo vlerë

Rezolucioni i ekranit (piksel CSS) është madhësia e gjithë ekranit tënd siç e shohin faqet e internetit. Në një monitor standard me shkallëzim 100 % përputhet me rezolucionin real të monitorit. Në ekranet me dendësi të lartë është më i vogël: një laptop me panel 2880 × 1800 me shkallëzim 200 % raporton 1440 × 900.

Pikselat fizikë (vlerësim) është rezolucioni i ekranit i shumëzuar me raportin e pikselave të pajisjes. Zakonisht është rezolucioni natyral i panelit, dhe mjeti emërton të zakonshmit si Full HD (1080p), QHD (1440p) ose 4K UHD.

Raporti i pikselave të pajisjes është sa piksela fizikë përbëjnë një piksel CSS. Vlera 1 është një monitor klasik, 1,25 ose 1,5 është e zakonshme te laptopët Windows me shkallëzim të ekranit, 2 është tipike për Mac-et Retina, dhe 3 për shumë telefona. Edhe zmadhimi i shfletuesit e ndryshon.

Viewport (zona e faqes) është pjesa e dritares ku vizatohet faqja, pa shiritat e veglave dhe skedat. Kjo është madhësia që synojnë dizajnerët e faqeve me strukturat responsive dhe media queries.

Ekrani i disponueshëm është ekrani minus zonat e përhershme të sistemit, si shiriti i detyrave i Windows ose shiriti i menusë dhe Dock-u i macOS. Dritarja e shfletuesit është madhësia e jashtme e dritares, përfshirë kornizën dhe shiritat e veglave.

Raporti i pamjes është forma e ekranit, si 16:9, 16:10 ose 21:9 ultra i gjerë. Orientimi tregon nëse ekrani është horizontal ose vertikal, me këndin e rrotullimit kur e raporton shfletuesi.

Thellësia e ngjyrës është numri i biteve për piksel: 24 bit do të thotë 8 bit për kanal, dhe 30 bit do të thotë 10 bit për kanal. Gama e ngjyrave tregon gamën më të gjerë që shfletuesi thotë se mbulon ekrani: sRGB, Display P3 ose Rec. 2020. Ekran HDR tregon nëse shfletuesi raporton një ekran me rang dinamik të lartë. Zmadhimi me pinch tregon nivelin e zmadhimit kur zmadhon me dy gishta në një ekran me prekje.

Pse numrat mund të të befasojnë

Faqet e internetit nuk e shohin kurrë harduerin real drejtpërdrejt. Sistemet operative e shkallëzojnë gjithçka që teksti të mbetet i lexueshëm në ekranet e dendura, ndaj një monitor 4K me shkallëzim 150 % i duket shfletuesit si ekran 2560 × 1440. Rreshti Pikselat fizikë (vlerësim) e kthen mbrapsht këtë llogaritje. Është i saktë në zmadhim 100 % të shfletuesit, por shfletuesit e trajtojnë zmadhimin ndryshe, ndaj ktheje zmadhimin me Ctrl+0 ose Cmd+0 para se t’i besosh. Në telefona, rezultati mund të ndryshojë me disa piksel nga rezolucioni i reklamuar për shkak të rrumbullakimit.

Nëse përdor disa monitorë, vlerat përshkruajnë atë ku ndodhet tani dritarja e shfletuesit.

Pyetje të shpeshta

Cili është ndryshimi midis rezolucionit të ekranit dhe viewport?

Rezolucioni i ekranit është madhësia e gjithë ekranit. Viewport është vetëm zona brenda dritares së shfletuesit ku shfaqet faqja, ndaj ndryshon kur ndryshon madhësinë e dritares.

Pse rezolucioni im është më i vogël se specifikimi i monitorit tim?

Ka gjasa që shkallëzimi i ekranit të jetë i ndezur. Shumëzo me Raporti i pikselave të pajisjes për të marrë rezolucionin fizik, që e tregon rreshti Pikselat fizikë (vlerësim).

Pse raporti i pikselave të pajisjes ndryshon kur zmadhoj?

Zmadhimi i shfletuesit e bën çdo piksel CSS më të madh, ndaj në të futen më shumë piksela fizikë. Ktheje zmadhimin në 100 % për të parë raportin e caktuar nga sistemi yt operativ.

A mund ta zbulojë ky mjet një monitor 10-bit ose HDR?

Ai tregon çfarë raporton shfletuesi. Shumë shfletues raportojnë ngjyrë 24-bit edhe në panele 10-bit, dhe HDR zbulohet vetëm kur është i aktivizuar në sistemin operativ.

A dërgohen informacionet e mia diku?

Jo. Gjithçka lexohet nga shfletuesi yt në këtë faqe dhe asgjë nuk dërgohet ose ruhet.