知識 · 圖片與檔案
DPI 與 PPI 有什麼不同？
簡答
PPI（每英吋像素數）描述影像在列印或螢幕上時像素排列的密度；DPI（每英吋點數）描述印表機每英吋噴上多少墨點。日常用語中兩者常被混用。對數位影像來說，真正重要的只有像素尺寸；PPI 數值只決定列印尺寸，所以 3000 像素以 300 PPI 列印時寬 10 英吋。
開啟調整圖片大小兩種不同的量測
| 名詞 | 量測對象 | 適用場合 | 常見數值 |
|---|---|---|---|
| PPI | 輸出時每英吋的影像像素 | 影像檔案、螢幕 | 列印 300；手機螢幕 400–500 以上 |
| DPI | 每英吋的墨水或碳粉點數 | 印表機 | 雷射 600–2400；噴墨最高 4800 × 1200 |
| LPI | 每英吋的網點線數 | 平版印刷 | 雜誌 133–175 |
印表機需要好幾個墨點才能重現一個像素的顏色，所以印表機的 DPI 遠高於影像的 PPI。Photoshop 等軟體把影像設定標為「解析度」，單位是每英吋像素；而許多上傳表單要求「300 DPI」，其實指的是 300 PPI。
公式：像素、英吋與 PPI
列印尺寸、像素數和 PPI 由一條公式連結：像素 = 英吋 × PPI。移項後就是 英吋 = 像素 ÷ PPI。
| 像素尺寸 | 300 PPI 時 | 150 PPI 時 | 72 PPI 時 |
|---|---|---|---|
| 1200 × 1800 | 4 × 6 英吋 | 8 × 12 英吋 | 16.7 × 25 英吋 |
| 2480 × 3508 | A4（8.27 × 11.69 英吋） | 16.5 × 23.4 英吋 | 34.4 × 48.7 英吋 |
| 3000 × 2000 | 10 × 6.67 英吋 | 20 × 13.3 英吋 | 41.7 × 27.8 英吋 |
| 600 × 600 | 2 × 2 英吋 | 4 × 4 英吋 | 8.3 × 8.3 英吋 |
計算範例：要以 300 PPI 印出 8 × 10 英吋的照片，需要 8 × 300 = 2400 乘 10 × 300 = 3000 像素。一張 1200 × 1500 像素的圖印成同樣大小，只有 150 PPI，近看會顯得模糊。
為什麼只改 DPI 在螢幕上毫無變化
PPI 值只是存在檔案中繼資料裡的一個數字。不重新取樣、只把它從 72 改成 300，並不會多出任何一個像素；在螢幕上看起來完全一樣，只是印出來變小。只有改變像素尺寸的重新取樣，才會影響畫質。
- 把小圖放大到 300 PPI，是用內插法「捏造」像素；圖會變大，但不會變清晰。
- 縮小到較小的像素尺寸會永久丟失細節，請保留原檔。
- 表單要求「300 DPI」時，看看它是否也列出像素尺寸，那才是真正重要的。
螢幕如何運用像素密度
CSS 定義了自己的單位：1 CSS 英吋等於 96 CSS 像素，1 點（point）為 1/72 英吋。現代顯示器在每個 CSS 像素裡塞進更多實體像素，這個比例會以 window.devicePixelRatio 提供給網頁。
比例為 3 的手機，會用 3 × 3 個實體像素畫出一個 CSS 像素。因此一張顯示寬度為 400 CSS 像素的圖片，需要約 1200 像素寬才能在這種螢幕上完全清晰，這也是網站要用 srcset 提供多種尺寸的原因。
需要多少 PPI？
觀看距離越遠，所需的密度越低。手持照片在一臂距離觀看時，300 PPI 已接近多數人能分辨的極限；從兩公尺外看的海報，100–150 PPI 就夠了，看板則大約以 10–30 PPI 印製。
- 相片沖印、型錄、書籍：300 PPI。
- 海報與大幅輸出：150–200 PPI。
- 遠距離觀看的布條與招牌：30–100 PPI。
- 螢幕：不必管 PPI，依顯示需求以像素設定圖片尺寸。
常見問題
網頁圖片用 72 DPI 還是 300 DPI 比較好？
都一樣：瀏覽器會忽略 DPI 值，只依像素尺寸顯示圖片。一張 1200 像素寬的圖，不論中繼資料寫 72 還是 300，在網路上看起來都相同。
怎麼把圖片改成 300 DPI？
在影像編輯軟體中把解析度設為 300，並取消重新取樣，列印尺寸會隨之縮小。如果縮小後的尺寸不夠大，就代表這張圖的像素不足以在該尺寸達到 300 PPI。
4 × 6 相片以 300 DPI 列印要幾個像素？
1200 × 1800 像素，因為 4 × 300 = 1200、6 × 300 = 1800。
掃描 DPI 越高，品質越好嗎？
在一定範圍內是。文件和相片用 300 DPI 掃描即可；想放大的小照片用 600 DPI 以上會有幫助，但 DPI 每加倍一次，檔案就變成四倍大。