螢幕解析度測試
以物理像素檢視顯示器的原生解析度,以及其像素比、長寬比和色彩深度。然後啟動全螢幕 1 像素測試圖案:在真正的原生解析度下,它呈現為乾淨均勻的紋理,而縮放或非原生模式則顯示為模糊或摩爾紋。
原生解析度
—
偵測中…
CSS 視區
—
像素比
—
長寬比
—
色彩深度
—
測試圖案
← → 切換圖案
如何讀取圖案
銳利均勻的紋理
交替像素混合成平滑灰色 — 顯示器正以原生解析度和 100% 縮放執行。
柔和或模糊
影像正被拉伸 — 解析度可能設為原生以下,所以 GPU 正在放大。
摩爾紋或條紋
漣漪圖案來自插補。將瀏覽器縮放重設為 100% 並檢查 OS 顯示縮放。
螢幕解析度是指顯示器所呈現的像素數量,以寬 × 高的方式表示,例如 1920 × 1080。在相同面積上像素越多,影像就越清晰、越細膩。每個平面顯示器都有一個固定的實體像素格線,稱為原生解析度,以原生解析度運行時畫面最為清晰。本測試會讀取您的瀏覽器所回報的實體像素格線,並將其顯示為上方的大數字,讓您確認硬體實際輸出的解析度。
選擇較低的解析度時,GPU 會將較小的影像延展至固定格線,使畫面變得模糊。現代系統也會加入顯示縮放功能(Retina、Windows 150%),在保持全密度渲染的同時,將介面顯示得更大。這就是為什麼瀏覽器會回報兩種尺寸:以邏輯像素表示的 CSS 視窗,以及以實際裝置像素表示的實體解析度。兩者之間的比率就是裝置像素比(DPR)——DPR 為 2 代表每個 CSS 像素由 2 × 2 個實體像素組成,因此瀏覽器所看到的視窗可能只有螢幕解析度的一半。
常見螢幕解析度
| 解析度 | 名稱 | 常見用途 |
|---|---|---|
| 1280 × 720 | HD / 720p | 舊款筆記型電腦、入門級顯示器 |
| 1920 × 1080 | Full HD / 1080p | 最普遍的桌機與筆電解析度 |
| 2560 × 1440 | QHD / 1440p | 更清晰的電競與工作顯示器 |
| 3440 × 1440 | UltraWide QHD | 21:9 超寬螢幕 |
| 3840 × 2160 | 4K UHD | 大型及高 DPI 螢幕、電視 |
| 1170 × 2532 | iPhone (DPR 3) | 現代手機——高挑的高密度面板 |
