螢幕解析度、PPI 與像素密度詳解

在 MacBook 上開啟我們的裝置資訊，你可能會看到 1512×982 @2.0x，但面板明明是 3024×1964。兩個數字都沒有錯，只是回答了不同的問題；它們之間的差距，恰好解釋了關於解析度、PPI 和「Retina」的大多數困惑。

四個數字，四個問題

解析度——面板實際擁有多少個像素。1920×1080（Full HD）、2560×1440（QHD）、3840×2160（4K）都是解析度。這是數量，不是品質：55 吋電視和 27 吋顯示器可以擁有相同解析度，近看卻完全不同。

PPI（每英吋像素數）——這些像素排列得有多密。計算方式是用對角線像素數除以對角線英吋數。同一組 3840×2160 像素，在 27 吋顯示器上是 163 PPI，在 55 吋電視上只有 80 PPI。PPI 才是眼睛真正感受到的數字。

觀看距離——所有 PPI 爭論中經常缺席的變數。真正重要的是每一度視角裡有多少像素：80 PPI 從沙發上看可以銳利無比，放在書桌上卻顆粒分明。因此，手機面板會衝到 450 PPI 以上，桌上型顯示器卻能在 110 PPI 表現良好——手機的觀看距離大約只有後者的三分之一。

裝置像素比（DPR）——作業系統用多少個實體像素繪製一個介面邏輯「點」。這就是讀數中的 @2.0x，也是解開上述 MacBook 之謎的關鍵。

為什麼高 PPI 螢幕會「謊報」解析度

在 220 PPI 的面板上按 1:1 繪製介面，每個按鈕都會小得難以操作。因此，作業系統先以舒適尺寸排版邏輯介面，再把每個邏輯像素映射到 2×2（或 3×3）個實體像素。軟體看到的是 1512 像素寬的螢幕，面板實際繪製 3024 個像素。邏輯單位中的尺寸減半，實體像素密度加倍——這就是「Retina」、Windows 顯示縮放和 Android dp 單位背後的完整原理。

所以當讀數顯示 1512×982 @2.0x 時，應該理解為：邏輯畫布是 1512×982，每個點由 2×2 個實體像素繪製，實際面板為 3024×1964。 螢幕截圖看起來「太大」和網頁圖片在新筆電上模糊，其實是從兩個方向看見同一種機制。（對網頁開發者來說，這也是必須提供 2× 圖片的原因：寬 300 像素的圖片元素在 2× 螢幕上需要填滿 600 個實體像素，1× 素材只能被拉伸。）

小數倍縮放（1.25×、1.5×）是比較麻煩的中間狀態：邏輯像素無法再與實體網格一一對齊，於是系統會以更高解析度先繪製，再向下取樣。多數時候效果很好，偶爾會讓細線文字輕微閃爍或模糊；如果 Windows 顯示器看起來莫名不夠銳利，可以檢查縮放是否設在 125% 或 150%。

多清晰才算足夠？

傳統的「Retina」經驗值，也就是人眼開始無法分辨單個像素的密度，在一般視力下約為每度視角 60 個像素。實際使用中可以參考：

清晰度也會飽和：超過眼睛可分辨的門檻後，額外像素無法提供更多可見資訊。桌上型顯示器從 110 PPI 升到 160+ PPI，對文字是脫胎換骨的變化；160 升到 220 依然不錯；再往上則是在繳納 GPU 稅——每個影格都要按這些實體尺寸繪製，解析度是一筆永久的效能開銷。我們的基準測試會限制內部像素數量，不讓螢幕規格扭曲裝置之間的分數比較。

讀懂自己的螢幕

解析度檢測會即時顯示邏輯解析度、實體像素、DPR 和長寬比；輸入螢幕對角線後還會計算 PPI。首頁更完整的裝置資訊還會加入 GPU、色彩深度和實測更新率。拿到任何新裝置，都值得檢查兩件事：

1. DPR 是否符合預期？ 外接 4K 顯示器若顯示 DPR 1.0，代表系統正以無縮放方式運作——所有內容都會極小，文字也沒有真正利用高像素密度。
2. 是否使用原生解析度？ 面板接收非原生解析度時必須插值，再高的 PPI 也救不了插值後的文字。開啟測試圖案就很容易看出：PM5544 圖案裡的細密柵格應該分解成清晰線條，而不是一團摩爾紋。

如果你在二手市場比較兩部手機，也別忘了優先順序：一塊乾淨的 300 PPI 面板，勝過一塊有刮痕、有烙印的 500 PPI 面板。密度是錦上添花，均勻才是基本要求。