知識小科普!像素英寸與DPI的那些事兒

2021-02-13 優秀網頁設計

編者按：這篇科普文超級實用！如果現在讓你說清楚像素、英寸，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 咋樣？我想把它們用到我的作品中去，所以我想知道它們是否足夠清楚。」

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

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

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

原文地址：designpanoply
譯文地址：shejipai
譯者：琥珀川

【優設投稿郵箱：2650232288@qq.com】

戳閱讀原文查看

小白科普：流量和不透明度那些事兒

相關焦點

  • SCI 投稿中像素、DPI、圖片解析度的一些知識
    像素、解析度、dpi、ppi 這些都是什麼鬼？下面，我們來聊一下這些容易混淆的概念，順便講點圖像大小和印刷輸出的一些基本知識。1. 關於像素像素是圖像顯示的基本單位，它可以表示圖形尺寸的大小。比如，一幅圖寬 12 英寸、高 6 英寸，解析度為 66PPI，如果保持圖像文件的大小不變，也就是總的像素數不變，將解析度降為 33PPI，在寬高比不變的情況下，圖像的寬將變為 24 英寸、高將變為 12 英寸。
  • 解析度與像素之間的那些事
    今天小編給大家帶來一篇科普貼，通過本篇教程，帶大家一起來了解一下像素。1.  像素在PhotoShop中打開一張圖片，放大之後可以看到每張圖片都是由一個一個的像素點組成（當然矢量圖沒有這個概念的），我們將這一個一個的點，稱為一個像素（px）。我們複製一個5x5的格子出來到新的畫板，查看圖像大小，可以看到圖像大小為寬度5像素，高度5像素。
  • 裝機用戶須知:滑鼠CPI和DPI是什麼意思?區別知識科普小指南
    而在滑鼠的包裝盒上面就會有有關於DPI或者CPI的技術參數，那麼滑鼠dpi與滑鼠cpi是什麼意思呢？接下來就為大家分享滑鼠CPI和DPI之間區別知識指南。滑鼠dpi是什麼意思？滑鼠DPI是指滑鼠的定位精度，度量單位是dpi或cpi，可以理解它是滑鼠的解析度，指滑鼠移動中，每移動一英寸能準確定位的最大信息數。DPI是每英寸點數，也就是滑鼠每移動一英寸指針在屏幕上移動的點數，dpi值越大，滑鼠越靈敏。滑鼠cpi是什麼意思？
  • 廣告狗的自白:一場解析度、像素、英寸的討論
    上圖的寬是1英寸，高是1.5英寸，解析度是10（這裡為了展示，明顯放大了的）將公式轉換一下可以得到：像素=英寸*解析度所以橫向可以數到10個黑格子（像素），豎向則可以數到15個黑格子（像素）。「3百萬像素，XXX鏡頭！」其實那就是說該手機拍處的照片的大小（像素）相乘約等於3000000，它裡面有3百萬個像素小格。然而看到這裡你可能會疑惑：像素表示的是長度還是面積？其實我也不知道，但不知道又有什麼所謂？知道又有什麼卵用？數學考一百分？
  • px,ppi;dot,dpi;sp,dp;pt
    因為「像素量px = 像素密度ppi x 屏幕尺寸in」，同樣是1英寸的屏幕，密度越大，像素越多，則單個像素的物理尺寸越小。都是圖片相關信息，圖片體積和像素有什麼關係？通常所說的100KB的圖片指的就是圖片的體積，首先一張圖像在存儲時，會描述每個像素點的顏色信息、位置、數量，這些描述數據就是圖像的體積，如果像素越多自然圖像體積越大。
  • 證件照製作過程中的dpi、圖片像素、圖片尺寸之間的關係說明
    1.證件照中這三者的關係可以用一個公式概括：證件照的橫向（豎向）像素數=列印橫向（豎向）解析度×列印的橫向（豎向）尺寸2.參數的含義：列印解析度（每英寸所能列印的點數，即列印精度，英文dpi(dots per inch)：常見的衝印一般在150dpi到300dpi之間。
  • 像素,解析度和適配
    其中像素和解析度就是最典型的，可能大家已經看過了很多篇類似的文章，但是還是搞不懂什麼是像素，什麼是解析度。那麼我希望我的這篇文章可以幫你解決這個困惑。我覺得很多設計師沒有搞懂解析度和像素的原因是因為沒有弄明白什麼是英寸。我們小時候家裡的電視機會說21寸大彩電，25寸大彩電，29寸大彩電等。包括手機我們也會說4.7英寸，5.0英寸等。
  • 多少像素夠用? 教你認識相機——像素
    今天小編經過ET滕飛的允許轉載了老生常談的相機像素問題分析，告訴大家相機像素多少夠用。　　什麼是像素　　首先，像素是感光元件記錄光信號的基本單位，通常來說1個像素對應1個光電二極體。同時，像素也是照片文件的最小單元。
  • 解析度與像素你應該知道的!印刷品解析度PS應該怎麼設置?
    關於平面設計方面的印前知識，也看過了好幾本，基本都是從圖像的分類到色彩原理，再到印刷方式以及印刷工藝。太專業的搞不懂，簡單的又一筆帶過，讓人不知原理就不知道變通了。今天咱們來掰一掰：1、像素像素是指由圖像的小方格組成的，這些小方塊都有一個明確的位置和被分配的色彩數值，小方格顏色和位置就決定該圖像所呈現出來的樣子。
  • Photoshop:什麼是像素、解析度,點陣及矢量圖象?
    不管什麼原因學習Photoshop，一定要對Photoshop基礎理論有所了解，尤其是關於圖片的概念知識。電腦中的圖像類型主要分為兩大類，一類稱為位圖，另外一類稱為矢量圖。像素、解析度概念，點陣及矢量圖象特點我們所看到的圖像，究竟是如何構成的呢？這就需要涉及到圖像類型的概念。
  • 《守望先鋒》滑鼠靈敏度DPI怎麼調 滑鼠DPI調節數值
    0.在理想情況下，400DPI，代表滑鼠移動1英寸，傳感器給出400次報告，2D畫面 /桌面的光標移動400個像素點。同理，OW的滑鼠速度也能用一個乘積來表示 (暴雪沒給出精確單位，據玩家計算，CS中的係數1=OW中3.333)比如 400*10=4000 ， 800*5=4000，這兩種設置理論上的效果是一樣的而實際操作中，就會遭遇一個可大可小的問題：像素跳躍第一個例子CS中，當滑鼠設為400*5時，傳感器每捕捉到1個點，畫面上卻要轉過5個單位。
  • 解析度單位DPI與PPI的區別
    DPI較為常用，偶爾有人用到PPI時會讓人覺得有點異樣，例如，我們常說商業印刷圖片的解析度要300 DPI，也有人會說要300 PPI，此時除了對使用PPI這個說法有點異樣的感覺，但兩種說法大家是能明白其含義的。嚴格上來說，DPI與PPI是兩個含義明顯不同的概念。
  • 列印A4紙圖片需要多少像素和解析度?
    我們如果要設計雜誌用的圖片，A4大小的需要多少像素大小和解析度呢？一般來說，給銅版紙使用的300dpi就夠用了，太小列印出來不一定清晰，太大的話耗費內存和CPU處理起來十分慢，所以300dpi是一個很好的分界線。
  • 詳解px,dp,pt,sp,ppi,dpi及屏幕適配
    本文結構如下：px：像素，構成圖片的最小單位，也是設計的最小單位；像素沒有固定的物理長度，例如iPhone3和iphone4的物理尺寸完全一樣，但是iPhone3的解析度為480*320px，而iphone4的解析度為
  • 決定滑鼠靈敏度的DPI是不是越高越好?
    滑鼠DPI（解析度）是指滑鼠的定位精度，單位是DPI或CPI，指滑鼠移動中，每移動一英寸能準確定位的最大信息數。
  • 精挑細選:數位相機我們該選多少像素?
    解析度輸出最大尺寸以300dpi解析度輸出最大尺寸300萬像素2048×153610」（8×10寸）7」（5×7英寸）500萬像素2560×192012」（10×12英寸）8」（6×8英寸）800萬像素
  • 疫苗安全科普動畫 | 第二集:疫苗那些事兒
    疫苗安全科普動畫 | 第二集：疫苗那些事兒 2020-08-28 23:49 來源：澎湃新聞·澎湃號·政務
  • 那些值得你去細細研究的Drawable適配(上)
    話說前段時間我寫了一篇drawable微技術的文章，也是引起了不小的反響，因為講的東西是大家天天在使用，但卻偏偏卻沒有深入了解的知識。
  • 移動端適配(一)設備獨立像素1px問題,前端需要知道
    小程序最近很火，它在它的開發文檔裡也提到這個單位，用來做適配。也就是說小程序是支持這兩個單位的。驗證了那句話，事出必有因。2.然後你需要知道什麼是屏幕尺寸、屏幕解析度、屏幕像素密度？屏幕尺寸：指屏幕的對角線的長度，單位是英寸。
  • 像素與解析度,位圖與矢量圖
    01像素與解析度1. 像素定義：圖像中的最小顏色單位，是一個非常小的方形顏色塊。像素（Pixel）一般用px表示，每個像素只能有一個顏色。將圖像無限放大，會發現圖像是由許多色彩相近的顏色方塊組成，這些小方塊就是構成圖像的最小單位「像素」。我們常說的2000萬像素相機，就是說這款相機的感器件有2000萬個，它拍出來的照片為2000萬像素，說明這張照片大約由2000萬個像素單元（色塊）組成。2. 屏幕解析度定義：每英寸屏幕上的像素點數。