pixel 介紹

Posted by Noel on 2018-01-24

前言

日前在處理動態繪製 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之間的迷思 之範例圖