當前位置:編程學習大全網 - 人物素材 - DPI和PPI

DPI和PPI

不論是DPI還是PPI,實際都是壹種換算的概念,即將圖片承載的信息換算為現實中的圖片(即人眼能實際看到的圖像)。DPI和PPI的區別在於換算的途徑不同,DPI面向的是印刷受體,而PPI面向的是熒幕。

PPI是英文Pixels Per Inch的縮寫,意為像素每英寸。英寸是常用的長度單位,大約相當於2.54厘米。而像素是專用於熒幕的概念,指的是熒幕可以解析的最小的點。因此,PPI值得是像素在熒幕上的密度,PPI越高圖像就越清晰

舉例來說,如果電腦屏幕是2K分辨率,即1920×1080像素,它的圖像寬為1920像素。而如果這個電腦屏幕的物理寬度是19.2英寸,電腦屏幕是分辨率就是1920/19.2=100PPI。

DPI是英文Dots Per Inch的縮寫,意為點每英寸。應粗妳還是那個英寸,但是點的意義有很多。壹般來講,妳可以把Dot理解為取樣點,即物理設備可以解析的最小單位。在印刷時,它就可以作為印刷網點,而在鼠標等電子設備上,可以理解為最小操作閾值(即設備會把多麽遠的兩個點當作壹個點來處理)。

我們仍然拿1920×1080像素的圖片來舉例子,如果印刷設備的解析能力剛好是100DPI,而且妳要印制的紙張尺寸剛好是19.2英寸,那麽印刷設備就可以剛好把壹個像素作為壹個取樣點,印刷完成後圖片的保真度是百分之百(也就是圖片所有的視覺信息都被印刷出來了)。在大多數情況下,這幾個數值都不那麽整好,因此保真度會產生損失。

1.在條件允許的情況下,圖片分辨率越高越好 我們可能不會有精力去關心圖片信息量的DPI是多少,印刷設備的DPI又是多少這種細節的問題。但有壹點是可以確定的,那就是圖片只要足夠大,印刷就會清晰。

2.如果有可能,使用準確的數值 許多軟件可以幫助妳了解圖片實際尺寸下的PPI,比如使用Photoshop,在300PPI下創建A4的文件(尺寸21×29.7厘米,對應分辨率2480×3508像素)並做出圖片,那麽大多數情況下都可以完美印刷。

正如前文所述,大多印刷設備的解析能力是300DPI,因此在該圖片的信息量下,1個像素剛好對應1個點,甚至不需要柵格處理。而如果妳強行使用400PPI來創建A4尺寸的文件,拿到300DPI的設備上會被柵格,說不定還不如300DPI的質量好(畢竟是有損處理,但這種差別未必能看得出來)。

下圖是蘋果官方對iPhone 機型的介紹:

拿iPhone7 Plus來說:

屏幕尺寸:5.5英寸

手機分辨率(像素):1920 (高)x 1080(寬)

PPI:401

屏幕尺寸:表示手機屏幕對角線的長度,單位是英寸。1英寸(inch)=2.54厘米(cm)

手機分辨率:分辨率可以從顯示分辨率與圖像分辨率兩個方向來分類。

顯示分辨率(屏幕分辨率):屏幕 圖像 的精密度,是指 顯示器 所能顯示的 像素 有多少。由於屏幕上的點、線和面都是由像素組成的,顯示器可顯示的像素越多,畫面就越 精細 ,同樣的屏幕區域內能顯示的信息也越多。

圖像分辨率:單位英寸中所包含的像素點數,其定義更趨近於分辨率本身的定義。

分辨率的單位:(dpi 點每英寸 )、lpi(線每英寸)和ppi( 像素每英寸 )。但只有lpi是描述光學分辨率的尺度的。雖然dpi和ppi也屬於分辨率範疇內的單位,但是他們的含義與lpi不同。而且lpi與dpi無法換算,只能憑經驗估算。ppi和dpi經常都會出現混用現象。但是他們所用的領域也存在區別。從技術角度說,“像素”只存在於電腦顯示領域,而“點”只出現於打印或印刷領域。

ppi:Pixels Per Inch,屏幕像素密度,每英寸屏幕所擁有的像素數,在電腦顯示領域使用。

dpi:Dots Per Inch,每英寸長度上的點數,在打印領域使用。

屏幕像素密度,分辨率,屏幕尺寸的關系

所以美工使用PS作圖的大小為手機分辨率的大小。

如需要設計適配iPhone7的手機,我們使用1334 x 750px大小

但有壹點是特殊的,就是iPhone6(s) plus、iPhone7 plus,我們需要使用2208 x 1242px大小,

原因:

ppi為326的手機,使用的為@2x的素材,對於ppi是401的手機,理論上蘋果應該用401/326 * @2x=@2.46x的素材。但是這個奇葩的比例對開發者而言很難切圖。所以蘋果為方便開發者用的是@3x的素材,然後再縮放到@2.46x上,實際上是縮放到2.46/3=83%。實際上蘋果選取了壹個接近比例的87%。

這樣算下來,物理分辨率和虛擬分比率的比例是87%,也就是1920/0.87=2208,1080/0.87=1242.

好處就是開發者更方便,比如準備素材時,字號可以直接調成3x的。

概述

前段時間看了小米8的發布會,其中屏幕參數是如下介紹的:

當時我就在想這都是怎麽算出來的,雖然我知道 PPI 是指屏幕每壹英寸上包含的像素點,但是稍微往深壹想我發現我對這些參數真的很迷茫,好奇心驅使我做了些調查。

像素,英文為 Pixel ,是我們日常最熟悉不過的了,但是深入進去會發現其蘊含的知識量是巨大的,此篇對於像素話題也只是淺嘗輒止,拋磚引玉。

討論像素需要分不同的場景: 1. 數字圖像 我們程序員日常工作中接觸並討論的像素大多是指這個範疇。

光柵圖片(Bitmap)是我們日常接觸最多的,例如 jpg,jpeg,png,gif,bmp等等,另壹種比較常見的就是矢量圖了。 光柵圖片是由壹個壹個像素組成的,那麽像素包含哪些信息?有物理尺寸嗎?

每個像素由顏色信息組成,有的還包含壹個透明度信息。因為可以通過三原色 Red , Blue , Green 來混合出很多種顏色,所以壹個像素就可以使用存儲這三種顏色的壹個數據結構表示。壹個像素占用內存的大小,與其使用多少位來表示這些顏色有關,例如最簡單的像素只有壹個 bit ,那麽它只能表示兩個狀態,0或者1,對應到圖像上也就是黑白。當壹個像素達到24 bit 的時候,RGB每個通道占8位,可以組合出來的顏色已經有1677萬色(256 256 256=16,777,216)種了,而人類眼睛可以分辨的顏色也只有大概1000多萬種,此時就是真彩色了。當然還有32位真彩色,感興趣的可以去研究。

圖片來自 維基百科

那麽通過以上的介紹,我們可以得出結論,此處的像素沒有物理尺寸,僅僅是壹些數據,只有將其顯示在物理設備上才會存在物理尺寸。

可以通過下圖感受壹下

圖片來源

討論分辨率仍然需要分討論場景 1. 數字圖像 此時分辨率是用來描述圖片的像素信息的,比如我們說壹張圖片的分辨率是1280 720,那麽僅僅是說明這張圖片是由1280個像素 720個像素組成的。如下圖所示,至於這張圖片的尺寸有多大,清晰還是模糊,這取決於它自身的存儲格式以及用來顯示它的設備。

2. 硬件顯示設備 是指這塊屏幕所包含的像素(這個像素是物理上的,前面我們已經討論過了)。例如小米8的屏幕分辨率為2248x1080,說明這塊屏幕包含了這麽多物理像素。

那麽圖片的分辨率與屏幕的分別率是什麽關系呢?這需要清楚了 PPI 後才可以回答這個問題。

DPI 是印刷業使用的單位,其表示的是打印紙上每壹英寸包含的墨點數量,而 PPI 是電子屏幕上每壹英寸上包含的可尋址物理物理顯示單元。其中英寸是西方慣用長度單位,等於2.54厘米。這兩個概念之所以如此容易混淆,就是因為壹些軟件提供商做的孽,例如Microsoft,Adobe,Apple 等等,他們經常將這兩個概念互換使用。

PPI : Pixels Per Inch, 每壹英寸上包含的像素個數。 這個值越高,屏幕的顯示能力越強,例如小米8 PPI的計算方式如下圖所示

可見小米8的 PPI 是401.6,而其官方宣稱為402,估計是四舍五入了,不過不知道半個像素怎麽處理,知道的可以告訴我壹下。

DPI : Dots Per Inch, 每壹英寸上包含的點個數。 與PPI計算方式壹樣,只是應用的領域不同,這個用在印刷業的。

至此我們可以回答圖片的分辨率與屏幕的分辨率的關系了,以小米8為例,按照 圖片比例全屏 顯示某壹張圖片: 第壹:當將壹張1080 2248像素的圖片顯示在Mi8上時,屏幕上的每壹個物理像素對應壹個圖片像素,可以完美顯示。 第二:當將壹張2000 2248像素的圖片顯示在Mi8上時,Mi8的屏幕在寬度上是無法顯示的,所以顯卡會將圖片光柵化,通過壹定的算法將2000個像素減少到1080個像素,由於是從多到少的處理,所以圖片是清晰的。 第三:當將壹張720*1280像素的圖片顯示在Mi8上時,顯卡會將圖片光柵化,將圖片以其中壹邊為標準拉伸,圖片會變模糊。

Pt :漢語翻譯為 ,是壹個物理尺寸,長度為1/72 英寸,在概念上Pt與Px毛關系也沒有,但是在 photoshop 中就有關系了。 photoshop 中的pt卻是壹個相對單位(這幫二貨各種混用)

換算公式: 1pt= (DPI / 72) px

dp : Density-independent Pixels, 這個是Android基於物理設備的 ppi 抽象出來的壹個單位。它是以 160dpi 的屏幕為基準定義的,在 160dpi 的屏幕的屏幕上 1dp=1px ,那麽我們就可以得出其

換算公式: 1dp=(屏幕ppi/ 160)px

目前Android系統的屏幕分類如下表 |密度分類| 屏幕密度 | |--|--| |ldpi |120dpi | |mdpi |160dpi | |hdpi |240dpi | |xhdpi |320dpi | |xxhdpi |480dpi | |xxxhdpi |640dpi |

sp : Scale-independent Pixels,其與dp基本壹樣,也是像素無關的,但是是用在描述字體的大小上。其尺寸會同時相應屏幕密度以及用戶對字體的偏好設置。 例如:在手機的字體設置為默認大小時,使用 dp sp 描述字體的大小是壹樣的,如下圖

但是當我們改變了手機的字體默認設置的字號後, dp 描述的字體大小沒有變化,但是 sp 描述的字體大小卻相應的發生了變化,如下圖。

除此之外 dp sp 再無差異,壹般建議字體使用 sp 作為單位。

dip 就是 dp 互為別名,沒有任何區別,其與 px 關系見上文。

以上就是關於顯示接觸GUI開發的程序員應該了解的,本來以為很簡單,但是調查後發現再往深研究我將會陷入泥潭無法自拔。同時我也感受到,人類社會發展到目前的水平,任何壹個門類的知識都足以讓壹個人投入終身的時間去研究,那我們程序員除了賺錢養家是不是應該找個自己感興趣方向忠貞不渝的投入壹生業余精力去嘗試研究壹番呢?在此我覺得我很挫敗,突然發現自己這麽大年紀了竟然沒有愛好,如果愛好美女這個不算的話。。。!

我們的原圖是壹份長寬都是1800像素的圖片。

這張圖片長寬都是1800像素 ,對它自己而言,DPI和PPI沒有意義。

它的分辨率參數,僅僅是1800像素而已。

假設我們的所有印刷機、打印機、噴繪機,在原尺寸下都將1像素映射為1個點(即1Px/Dots),可以進行下面這些計算。

如果我們使用300DPI的印刷機,原尺寸打印這張圖,那麽它的長寬為:

1800 Px / (1Px/Dots) / 300 DPI = 6 in 即長寬都是6英寸(15.24厘米)。

如果我們使用220DPI的打印機, 原尺寸打印這張圖,那麽它的長寬為:

1800 Px / (1Px/Dots) / 220 DPI ≈ 8.19 in 即長寬都是8.19英寸(20.8厘米)。

如果我們使用72DPI的噴繪機, 原尺寸打印這張圖,那麽它的長寬為:

1800 Px / (1Px/Dots) / 72 DPI = 25 in 即長寬都是25英寸(63.5厘米)。

使用81PPI的壹般顯示器,原尺寸顯示這張圖, 那麽它的長寬為:

1800 Px / 81 PPI ≈ 22.2 in 即長寬都是22.2英寸(56.4厘米)。

顯示器的PPI 我們假設顯示器是方形像素,那麽顯示器的PPI是由它的分辨率和長寬***同決定的。

即顯示器的橫向PPI=顯示器的橫向分辨率(Px)/顯示器的寬度(in)。

我們常說的顯示器的英寸數,是其對角線的長度。 對於16:9的顯示器來說,PPI可以這樣計算:

PPI = sqrt { (像素寬 * 像素高) / [16 * 9 * 英寸數^2 / (16^2 + 9^2)] }

舉例來說,1920*1080像素的24寸顯示器,PPI就是:

PPI = sqrt { (1920 * 1080) / [16 * 9 * 24^2 / (16^2 + 9^2)] } ≈ 91.7878

下面的表格計算了常見顯示器尺寸的PPI,妳可以用這個公式檢驗:

  • 上一篇:免費裝修設計網站有哪些?什麽是裝修設計軟件?
  • 下一篇:大班活動反思範例大全10篇
  • copyright 2024編程學習大全網