前言
日前在處理動態繪製 PDF 時,因為設計師出的圖的長、寬皆是以 pixel 為單位的,但當時對於 pixel 的確實長度與意義並不了解,為求出產生的 pdf 的內容尺寸與實際紙張大小符合,才能正確地列印出來,因此特地研究了一番,並記錄與分享。
意義
pixel => picture
+ element
圖像或顯示器上顯示的 最小單位
若把圖無限放大,會顯示成一格一格組成起來的樣子
栗子
相機的有一千萬畫素,亦即該圖片的長乘以寬後有一千萬個 pixel
解析度
PPI (pixel per inch)
10 ppi ,顧名思義,一英吋有十個 pixel ,一平方英吋就是 100 個 pixel。
DPI (dots per inch)
原理同 PPI,不過此時的 dot 是指印表機的印刷的解析度單位,故也可稱作 設備解析度
。
兩者比較
視覺顯示上,構圖主要是以 PPI
為主,而當牽涉要印製出來時,則會再搭配 DPI
,而兩者的比例最好接近或一致才能印出最適品質的圖片實體。
兩者在口說上時常會混用,但大致是同意思。
低 PPI 搭配低 DPI 低 PPI 搭配高 DPI

高 PPI 搭配高 DPI 高 PPI 搭配 低 DPI

總結
由解析度可知, pixel 的實際單位取決於 PPI
而定,也就是長度是動態的。
以 PPI
100 為例,一個 pixel 的長度等於
1 inch = 2.54 cm = 25.4 mm
25.4 mm / 100 => 0.254 mm
以 PPI
300 為例,一個 pixel 的長度等於
25.4 mm / 300 => 0.08466 mm
計算題
問
A5 大小的頁面實際大小是 148 mm x 210 mm
pixel 大小則是 420 px x 595 px
請問是多少 DPI 呢?
答
DPI = x
210 mm = 21 cm = 8.267 inch
595 / x = 8.267 (因為 DPI 都是以 1 inch 去做換算)
x = 595 / 8.267 = 71.972904 ~= 72
故為72 DPI
(這也是一般數位相片的解析度)
參考
上方示意圖皆借用自文章 解析度、dpi、ppi之間的迷思
之範例圖