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。