螢幕解析度測試
以物理像素檢視顯示器的原生解析度,以及其像素比、長寬比和色彩深度。然後啟動全螢幕 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) | 現代手機——高挑的高密度面板 |
獲得準確讀數的技巧
- 將瀏覽器縮放重設為 100%——縮放會在作業系統之外獨立重新取樣頁面。
- 在 Windows 上，請在 Settings > System > Display 下選擇標示為「(Recommended)」的解析度。
- 在 macOS 上，請在 System Settings > Displays 下選擇「Default for display」。
- 執行全螢幕圖案測試：均勻清晰的灰色表示原生輸出，若出現模糊或波紋則表示正在縮放。