為設計師量身打造的DPI/PPI指南：告別模糊，從原理到實戰零公式通透

面向「初學者」與想系統掌握跨DPI/跨平台知識的中級設計師。無復雜計算、無不可分析圖表，直擊核心概念，直接服務設計決策，極其實用專業，建議收藏。

一、DPI 與 PPI：別再混淆

• DPI (Dots Per Inch)： 印刷術語，每英寸墨滴數。值越小圖片越模糊。
• PPI (Pixels Per Inch)： 屏幕顯示，每英寸像素點數。後來 DPI 概念延伸至屏幕，但本質不同。
• 系統預設值： Windows 96 PPI，Mac 72 PPI（早期標準，現已不準）。非Retina桌面典型區間 72-120 PPI，保證作品在不同設備大致等比例顯示。

實例： 27寸Mac影院顯示器 PPI=109，寬23.5英寸，23.5×109≈2560，故原始分辨率 2560×1440px。

二、PPI 差異對設計呈現的影響

同一 109×109px 藍色正方形：
- 109 PPI 屏：物理尺寸 1×1 英寸
- 72 PPI 屏：需 1.5 英寸寬度顯示，圖形顯著變大
結論： 不要期待用戶擁有同等屏幕，追求「大多數用戶視覺平衡」而非像素級精確。

三、屏幕分辨率（原始分辨率）的真相

• 定義屏幕像素總數（如 2560×1440），非物理尺寸單位。同分辨率可做牆大、腦袋小。
• LCD 面板有原生分辨率，非原生分辨率下 GPU 會插值拉伸導致模糊。
• 例：27寸 2560×1440 屏改為 1280×720（半分辨率），GPU 讓 1px 變 2px 填充，結果模糊。非整數倍縮放（1/3、3/4）更嚴重，產生半像素模糊。

建議： 追求像素級精確請勿改變原生分辨率。用戶調整分辨率多為易讀性需求，犧牲銳度換舒適。

四、什麼是 4K / UHD？

• HD (720p)： 1280×720 起步
• Full HD (1080p)： 1920×1080，主流 TV/高端手機標配
• 4K / Quad HD / UHD： 3840×2160 = 4 個 1080p；另一規格 4096×2160 用於投影/大畫幅相機

外接 4K 顯示器：新系統不再按比例縮放，按最高 DPI（200%/@2x）顯示，內容銳利但偏小。手機/平板暫無 4K 應用。

五、顯示器赫茲：動畫流暢度的隱形決定因素

Hz = 每秒刷新幀數。60Hz=60fps，120Hz=120fps。UI 動畫流暢度取決於 Hz 與設備渲染能力雙重制約。
例：T-rex 同速跑完全程，60Hz 渲染 9 幀，120Hz 渲染 18 幀，後者明顯更絲滑。
辟謠： 「人眼無法分辨 60fps 以上」是錯誤的。

六、視網膜屏：蘋果定義的「像素不可分辨」標準

iPhone 3GS：3.5吋，480×320，163 PPI
iPhone 4/4S：3.5吋，960×640，326 PPI = 2倍關係
同物理尺寸，像素 4 倍（寬高各 2 倍），元素銳度質變。
設計應用： 1 標準像素 = 4 Retina 像素。輸出 @2x/@3x 圖片，結構坐標保持不變。

掌握這套知識體系，跨平台、跨設備、跨分辨率設計，不再靠猜，有理有據，專業度質變。