編者按：這篇科普文超級實用！如果現在讓你說清楚像素、英寸，Dpi 三者的區別以及關系，可以不百度回答我嗎？如果這些基礎的設計知識你都忘了，立刻花10分鐘來學習一下！

順便幫小白解決一個心頭之痛，包懂呦！《小白科普：流量和不透明度那些事兒》

Dpi（每平方英寸像素數目）：圖像細節程度的度量

Dpi 代表每平方英寸上所含“點”的數目，它決定了一副圖像在細節上到底有多細（盡管并不依賴于你的視覺感受）。但是，什么是“點”？

“點”是一個模糊不清的術語。點可以指的是像素、畫筆的一“點”或者是一個油墨印跡。

當你置身于一座體育場館并放言全場之時，場內的任何一名觀眾都可以被試做是一個“點”。

“點”最通用的兩個定義是：像素點（當你使用電腦屏幕的時候），噴墨點（當打印或印刷東西的時候）。

如果是 1 Dpi，你就會在每平方英尺上看見一個1*1的，單色的小方格。

如果是100 Dpi，這就意味著水平方向和豎直方向上各100個小方格。這就意味著，在1平方英尺上，一共有10000個小方格。

如果你能看到的小點越多，說明圖像的細節就刻畫得越真實。

像素：只對電腦有效

你的顯示器就是由“像素”構成的，你或許聽說過顯示器在72或96 Dpi下工作這樣的說法，這或許在某種情況下沒錯，但并不是一勞永逸的說法。

如果你在制作一副只在顯示屏上顯示的圖片的話，你可以直接忽略 Dpi 和英寸什么的，它們和你的工作毫不相關。

如果你做的圖片是要印刷出來的話，你就得考慮三者之間的關系了，我們下面會談到。

英寸：只和印刷相關

英寸就是英寸，不是嗎？當你談論印刷品的時候，這樣說沒錯。但自從像素密度，或 Dpi 的概念出現之后，顯示器之間的參數并不相同，話就不能這么說了。

我們都會用尺子，所以我不會討論英寸是什么。但是如果你知道一幅圖片在英寸上的大小的時候，你如何知道這幅圖片的像素大小呢？往下看。

像素、英寸和 Dpi 如何相互關聯？

當你要設計一副印刷在紙張上的圖片的時候，毫無疑問，很多工作你都必須借助電腦和顯示器才能完成，那么，像素、英寸和 Dpi 如何相互關聯？

像素大小

比如說，我想打印一副8英寸*10英寸，300 Dpi 的圖片，那么怎樣設置圖像的像素長寬度呢？

你只要簡單地把這兩者相乘就可以了，如果用方程表示，就是：

像素 = 英寸 * Dpi

所以，對于上面的情況：

• 寬度 = 8英寸 * 300 Dpi
• 高度 = 10英寸*300 Dpi

所以，這就應該是一副寬2400像素，高3000像素的圖片，很簡單對嗎？

使用這個簡單的公式，只要你有想要的尺寸和 Dpi ，就可以換算出對應的像素大小。

英寸大小

在上面那個公式，只要你知道了兩個已知量，肯定就能求出未知量。

英寸 = 像素 / Dpi

在這個方程中，知道了像素和Dpi，就能知道英寸大小。

比如說，有人發給我一副網站上下載的圖片，900*600像素，如果我想知道它在150 Dpi 下有多大，我就可以進行如下的換算：

高度 = 900像素 / 150Dpi

寬度 = 600像素 / 150Dpi

經過計算我就可以知道它應該是6英寸高，4英寸寬。

圖像質量

大多數時候，計算像素或者是英寸，前提是你得知道 Dpi 是多少，但有時候你需要在已知英寸和像素的情況下來計算Dpi。

比如，我這有一個3600 *3600的紋理素材，我想打印成12 * 12英寸大小，現在我需要知道這樣弄的話打印成果會有多清楚，那我就需要計算 Dpi。

Dpi = 3600像素 / 12英寸 = 300

現在我就知道3600像素的圖片，打印成12英寸的尺寸，不會造成細節的損失了。

如果我打印成6英寸見方，細節就會更豐富，因為Dpi上升到了600。

注意，人眼的視覺上限是300 Dpi，我們無法分辨過于靠近的兩個像素點，所以你在600 Dpi 下和1200 Dpi 下看到額都不會有分別，除非你使用放大鏡……

還有話說

如果你聽到有人推銷他的素材包“4000像素”或者是“300Dpi”的 而不涉及任何英寸打下的話，簡直就是不知所云，因為一個4000像素圖像的 Dpi 還要取決于你想打印的圖像大小。

我就經常收到這樣的來信，咨詢我：“這些紋理的 Dpi 咋樣？我想把它們用到我的作品中去，所以我想知道它們是否足夠清楚。”

如果你了解了它們三者的關系，你就會知道這取決于你要打印出來的圖像的大小。

如果你過去糾結于這三者的聯系，我想現在你應該完全理解了。

如果你起初很混亂，但是通過介紹給你的公式，你現在應該能輕松換算出你想要的參數了。

實用科普文合集！

?新手必學的圖層基礎知識！
《新手教程！PHOTOSHOP圖層基礎知識介紹》

12 種導航模式全科普！
《交互基礎知識科普！帶你認識最熱門的12種導航模式》

2個小時搞懂 Photoshop 基礎工具！
《PS速成秘籍！如何在兩小時內搞懂PHOTOSHOP基礎工具？》

原文地址：designpanoply
譯文地址：shejipai
譯者：琥珀川
uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量82萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：