Utilia
Mga kategorya ▾
Wika: fil ▾

Screen Resolution Checker

Alamin agad ang screen resolution, viewport size, device pixel ratio, pisikal na pixel, color depth at oryentasyon, live na nag-a-update kapag nire-resize.

Screen resolution (CSS pixel)
–
Mga pisikal na pixel (tantiya)
–
Device pixel ratio
–
Viewport (lugar ng page)
–
Magagamit na screen
–
Window ng browser
–
Aspect ratio
–
Oryentasyon
–
Color depth
–
Color gamut
–
HDR na display
–
Pinch zoom
–

Live na nag-a-update ang mga value kapag nire-resize mo ang window, iniikot ang device, nag-zoom, o inilipat ang window sa ibang monitor.

Tinatantiya ang mga pisikal na pixel bilang laki ng screen × device pixel ratio. I-reset ang zoom ng browser sa 100 % (Ctrl+0 o Cmd+0) para sa tumpak na numero.

Paano gamitin ang tool na ito

  1. Buksan ang page: agad na ipinapakita ang bawat value, binabasa mula sa iyong browser.
  2. I-resize ang window, ikutin ang iyong telepono o tablet, o i-drag ang window sa ibang monitor. Live na nag-a-update ang mga value.
  3. Pindutin ang Kopyahin bilang text para makopya ang bawat value bilang plain-text na listahan, madaling gamitin sa bug report o support request.

Ano ang ibig sabihin ng bawat value

Ang Screen resolution (CSS pixel) ay ang laki ng buong screen mo ayon sa nakikita ng mga web page. Sa karaniwang monitor na 100 % ang scaling, tugma ito sa tunay na resolution ng monitor. Sa mga high-density na screen, mas maliit ito: ang laptop na may 2880 × 1800 na panel sa 200 % na scaling ay nag-uulat ng 1440 × 900.

Ang Mga pisikal na pixel (tantiya) ay ang screen resolution na pinarami sa device pixel ratio. Karaniwan itong native na resolution ng panel, at pinapangalanan ng tool ang mga karaniwan gaya ng Full HD (1080p), QHD (1440p) o 4K UHD.

Ang Device pixel ratio ay kung ilang pisikal na pixel ang bumubuo sa isang CSS pixel. Ang value na 1 ay klasikong monitor, ang 1.25 o 1.5 ay karaniwan sa mga Windows laptop na may display scaling, ang 2 ay tipikal sa mga Retina Mac, at ang 3 sa maraming telepono. Binabago rin ito ng zoom ng browser.

Ang Viewport (lugar ng page) ay ang bahagi ng window kung saan iginuguhit ang page, wala ang mga toolbar at tab. Ito ang laking tinatarget ng mga web designer sa mga responsive na layout at media query.

Ang Magagamit na screen ay ang screen na binawasan ng mga permanenteng bahagi ng system gaya ng Windows taskbar o macOS menu bar at Dock. Ang Window ng browser ay ang panlabas na laki ng window, kasama ang frame at mga toolbar nito.

Ang Aspect ratio ay ang hugis ng screen, gaya ng 16:9, 16:10 o 21:9 ultrawide. Sinasabi ng Oryentasyon kung landscape o portrait ang screen, kasama ang anggulo ng pag-ikot kapag iniuulat ito ng browser.

Ang Color depth ay ang bilang ng bit na gamit sa bawat pixel: ang 24 bit ay 8 bit bawat channel, at ang 30 bit ay 10 bit bawat channel. Ipinapakita ng Color gamut ang pinakamalawak na saklaw na sinasabi ng browser na kayang abutin ng screen: sRGB, Display P3 o Rec. 2020. Sinasabi ng HDR na display kung nag-uulat ang browser ng high dynamic range na screen. Ipinapakita ng Pinch zoom ang antas ng zoom kapag nag-pinch to zoom ka sa touch screen.

Bakit maaaring magulat ka sa mga numero

Hindi kailanman direktang nakikita ng mga web page ang tunay na hardware. Ini-scale ng mga operating system ang lahat para manatiling nababasa ang text sa mga siksik na screen, kaya ang 4K na monitor sa 150 % na scaling ay mukhang 2560 × 1440 na screen sa browser. Binabaligtad ng hilerang Mga pisikal na pixel (tantiya) ang kalkulasyong iyon. Eksakto ito sa 100 % na zoom ng browser, pero magkakaiba ang paghawak ng mga browser sa zoom, kaya i-reset ang zoom gamit ang Ctrl+0 o Cmd+0 bago ito pagkatiwalaan. Sa mga telepono, maaaring magkaiba ng ilang pixel ang resulta sa ina-advertise na resolution dahil sa pagbibilog.

Kung gumagamit ka ng maraming monitor, inilalarawan ng mga value ang monitor na kinaroroonan ng window ng browser sa ngayon.

Mga madalas itanong

Ano ang pagkakaiba ng screen resolution at viewport?

Ang screen resolution ay ang laki ng buong display. Ang viewport ay ang lugar lang sa loob ng window ng browser kung saan lumalabas ang page, kaya nagbabago ito kapag nire-resize mo ang window.

Bakit mas maliit ang resolution ko kaysa sa spec ng monitor ko?

Malamang naka-on ang display scaling. Ipaparami sa Device pixel ratio para makuha ang pisikal na resolution, na ipinapakita ng hilerang Mga pisikal na pixel (tantiya).

Bakit nagbabago ang device pixel ratio kapag nag-zoom ako?

Pinalalaki ng zoom ng browser ang bawat CSS pixel, kaya mas maraming pisikal na pixel ang kasya rito. I-reset ang zoom sa 100 % para makita ang ratio na itinakda ng iyong operating system.

Matutukoy ba ng tool na ito ang 10-bit o HDR na monitor?

Ipinapakita nito ang iniuulat ng browser. Maraming browser ang nag-uulat ng 24-bit na kulay kahit sa mga 10-bit na panel, at natutukoy lang ang HDR kapag naka-enable ito sa operating system.

May ipinapadala bang impormasyon kahit saan?

Wala. Binabasa ng iyong browser ang lahat sa page na ito at walang ipinapadala o iniimbak.

Mga kaugnay na tool