DPI 與 PPI 有何分別？屏幕與打印解像度的計算方法

打印流程有時會以「DPI」泛指圖像 PPI。300 ppi 的圖像，與標示更高 dpi 的打印機並不是一比一對應。NanToo 因此將依像素尺寸與成品尺寸進行的計算標示為 PPI。

1 英吋恰好等於 25.4 毫米。核心公式如下：

PPI = 像素數 ÷ 打印尺寸（英吋）
所需像素 = 打印尺寸（mm）÷ 25.4 × 目標 PPI

若印刷公司指定出血、裁切或特定取整方式，還必須把這些條件納入。只看紙張尺寸，不一定能決定文件應有的完整尺寸。

像素數必須是整數，因此取整後再反算有效 PPI，可能會與目標值略有差異。輸出尺寸很小或像素數很低時，相對差異會更明顯。

對於近距離觀看的高質素印刷品，300 ppi 常被當作起始基準。大型輸出通常從較遠處觀看，因此可能採用較低的 PPI。

所以 300 ppi 是實用的起點，而不是通用的合格線。對焦、壓縮、印刷方式、紙材、觀看距離，以及印刷公司的交件規範都會影響結果；照片與線稿也可能需要不同處理。

JPEG、PNG 等格式可以包含描述解像度或實體尺寸的元數據。因此，籠統地說圖像檔「絕不含 DPI 或 PPI 資訊」並不正確。

不過，若未重新採樣，只把元數據中的數值由 72 改成 300，像素的數量與內容都不會改變。將 3,000 像素指定為 300 ppi，成品寬度是 10 英吋；同一批像素指定為 150 ppi，則是 20 英吋。

要增加像素，必須使用解像度更高的來源或執行重新採樣。重新採樣只能估算新像素值，無法保證還原原始圖像中從未存在的真實細節。

CSS Values and Units 規範定義了 1in = 96px 的換算關係。這是 CSS 單位之間的關係，不代表所有屏幕的實體密度都是 96 ppi，也不要求網頁圖像帶有 96 ppi 的元數據。

高像素密度屏幕可能會以多個裝置像素顯示一個 CSS 像素。挑選網頁圖像時，應查看 CSS 顯示尺寸、圖像實際像素尺寸，以及 srcset 中的像素密度描述符。

<img
  src="hero-400.jpg"
  srcset="hero-400.jpg 1x, hero-800.jpg 2x"
  width="400"
  height="300"
  alt="..."
/>

若把 3,000 × 1,000 px 的圖像變形填滿 254 × 254 mm（10 × 10 英吋）的區域，水平密度是 300 ppi，垂直密度卻只有 100 ppi。若只顯示平均值 200 ppi，就會掩蓋較弱的垂直方向。

要維持原始長寬比，就必須裁切以填滿目標區域，或在圖像周圍保留空白。NanToo 的計算工具會分別顯示水平與垂直 PPI，並以較低的數值提供比較建議。

• PPI 描述圖像像素與成品尺寸的關係；DPI 描述打印機輸出的點。
• 所需像素為 打印尺寸 mm ÷ 25.4 × 目標 PPI。
• 300 ppi 是常見的近距離觀看基準，但應優先遵守印刷公司規範。
• 只修改解像度元數據不會增加像素或細節。
• CSS 的每英吋 96 px 並不保證屏幕實體密度或圖像質素。
• 長寬比不同時，應分別檢查水平與垂直 PPI。