分辨率、像素、密度和屏幕尺寸的關係(換算)

手機的分辨率 像素 密度和 屏幕尺寸是我們經常聽到的字眼,它們之間的關係如下:

分辨率是指屏幕上有橫豎各有多少個容器點,每個容器點是用於容納一個像素的。

像素嚴格來說是指用於圖片上的,圖片上的像素點越多,圖片就越顯的清晰,當然也會越大。

手機可以有相同的分辨率,但屏幕尺寸可以不相同,例如3.7英寸的屏幕可以是320*480的分辨率,5.1英寸的屏幕也可以是320*480的分辨率,那這2個屏幕在顯示時有什麼區別呢?

舉個例子:如果A手機屏幕寬度是5CM,B手機寬度是10Cm,寬度分辨率都是320,那麼顯示同一張圖片時,B手機上的圖片就會顯的大一點,並且沒有A手機上的清晰。爲什麼呢,這就是我們常見的密度(DPI)概念,即每英寸多少個點。本身一行5CM有320個點,DPI大約是150,現在是一行10CM有320個點,密度大約是75。密度大爲減少,所以B手機顯示的圖片會變大,不清晰。就像我們使用Android Screen Monitor在電腦上顯示手機屏幕一樣,總感覺在電腦上顯示時有點大,這就是因爲你電腦的分辨率密度沒有手機的分辨率密度大導致的,可以把電腦的分辨率調大一點讓電腦屏幕密度和手機密度一致。

換算方式:

72像素/英寸=28.346像素/釐米

300像素/英寸=118.11像素/釐米

1 釐米=0.3937 英寸

1 英寸=2.54 釐米

像素不能直接換算成英寸、釐米,要在dpi下才能換算!

以常見1024像素對比:

1024像素=3.413英寸=8.67釐米        (300像素/英寸dpi    每英寸≈0.003333像素),所以1024像素的釐米尺寸就是:1024*0.003333*2.54

1024像素=14.222英寸=36.12釐米   (72像素/英寸dpi    每英寸≈0.013889像素),所以1024像素的釐米尺寸就是:1024*0.013889*2.54

    提起分辨率,我們需要了解兩個概念,圖像分辨率和輸出分辨率。

    圖像分辨率是每英寸的像素數,以ppi爲單位,圖像分辨率又常常被表示成每一個方向上的總像素數量,比如640×480像素、1280×960像素等。而決定圖像輸出質量的是圖像的輸出分辨率,描述的是設備輸出圖像時每英寸可產生的點數(dpi),以dpi爲單位,兩者有聯繫但並不總是相等的。

dpi (dot per inch)輸出分辨率

    打印機分辨率又稱爲輸出分辨率,是指在打印輸出時橫向和縱向兩個方向上每英寸最多能夠打印的點數,通常以“點/英寸”即dpidot per inch)表示。而所謂最高分辨率就是指打印機所能打印的最大分辨率,也就是所說的打印輸出的極限分辨率。平時所說的打印機分辨率一般指打印機的最大分辨率,目前一般激光打印機的分辨率均在600×600dpi以上。

    dpi是“dot per inch”的縮寫。顧名思義,就是指在每英寸長度內的點數。通常,我們都使用dpi來作爲掃描器和打印機的解析度單位,數值越高表示解析度越高。目前,市面上出售掃描器的光學解析度主要有600×1200 dpi1200×2400 dpi兩種。掃描器的光學解析度由兩個數字構成,是因爲橫向解析度和縱向解析度不同。較小的數字通常爲縱向解析度,即我們一般區分掃描器解析度用的數值。也就是說,600×1200 dpi的掃描器,我們通常簡稱爲600 dpi

    電腦顯示器的解析度約爲72dpi,這個數值其實是這樣計算出來的:以一部15寸的電腦顯示器爲例,可視面積的水平長度大約爲11.2寸,如果顯示模式是800×600,那麼解析度就是 800/11.2=71.4。如果是17寸電腦顯示器,以1024×768的顯示模式來看,解析度就變成1024/12.8=80了。

像素(Pixel)

    對於計算機的屏幕設備而言,像素(Pixel)或者說px是一個最基本的單位,就是一個點。其它所有的單位,都和像素成一個固定的比例換算關係。所有的長度單位基於屏幕進行顯示的時候,都統一先換算成爲像素的多少,然後進行顯示。所以,就計算機的屏幕而言,相對長度和絕對長度沒有本質差別。任何單位其實都是像素,差別只是比例不同。

    如果把討論擴展到其它輸出設備,比如打印機,基本的長度單位可能不是像素,而是其它的和生活中的度量單位一致的單位了。

    CSS絕對長度單位是對於輸出設備(output device)而言的。拿pt來說,這是一個在文字排版工具(word,adobe)中非常常用的字體單位,不管你的顯示器分辨率是1024*768,還是800*600,同一篇文檔打印在紙面上的結果是一樣的。

    寫網頁用哪個長度單位更好,是px還是pt呢?

    我個人比較偏向px,因爲px能夠精確地表示元素在屏幕中的位置和大小,網頁主要是爲了屏幕顯示,而不是爲了打印等其它需要的。

CSS相對長度單位(relative length unit)

    CSS相對長度單位中的相對二字,表明了其長度單位會隨着它的參考值的變化而變化,不是固定的。以下是CSS相對長度單位列表:

    CSS相對長度單位

    說明:

    em    元素的字體高度The height of the element s font

    ex    字母x的高度The height of the letter "x"

    px    像素Pixels

    %    百分比Percentage

CSS絕對長度單位(absolute length unit)

    絕對長度單位是一個固定的值。比如我們常用的有mm,就是毫米的意思。以下是CSS絕對長度單位列表:

    CSS絕對長度單位

    說明

    in      英寸Inches (1英寸 = 2.54 釐米)

    cm    釐米Centimeters

    mm  毫米Millimeters

    pt    Points (1 = 1/72英寸)

    pc    皮卡Picas (1皮卡 = 12 )

    像素是相對於顯示器屏幕分辨率而言的。譬如,WiNDOWS的用戶所使用的分辨率一般是96像素/英寸。而MAC的用戶所使用的分辨率一般是72像素/英寸。所以在WiNDOWSCSSdpi 96像素/英寸。

另附上對照表:

常見照片尺寸、像素及打印尺寸對照表(實用)

英寸

照片規格

釐米

像素

數碼相機類型

打印尺寸

分辨率:300dpi

1

2.5×3.5cm

413×295

/

/

身份證大頭照

3.3×2.2

390×260

/

/

2

3.5×5.3cm

626×413

/

/

2寸(護照)

4.8×3.3cm

567×390

/

/

5

12.7×8.9

1200×840以上

100萬像素

/

6

15.2×10.2

1440×960以上

130萬像素

/

77×5

17.8×12.7

1680×1200以上

200萬像素

12.7x17.7

88×6

20.3×15.2

1920×1440以上

300萬像素

15.2x20.3

1010×8

25.4×20.3

2400×1920以上

400萬像素

20.3x25.4

1212×10

30.5×20.3

2500×2000以上

500萬像素

25.4x30.5

1515×10

38.1×25.4

3000×2000

600萬像素

25.4x38.1

 

原文地址:

http://blog.csdn.net/sqk1988/article/details/7040953

http://www.cnblogs.com/XuYiHe/archive/2011/08/12/2136100.html

 
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章