網(wǎng)站建設(shè)>圈子>建站知識(shí)>(全解析)屏幕尺寸,分辨率,像素,PPI之間到底什么關(guān)系?

(全解析)屏幕尺寸,分辨率,像素,PPI之間到底什么關(guān)系?

joymagic / 2015-09-22 / 深圳網(wǎng)站建設(shè) / 技術(shù)分享

今天我給大家來(lái)講講這幾個(gè)咱們經(jīng)常打交道的詞到底啥意思,以及他們之間到底有什么關(guān)系。這篇文章是我花了一個(gè)下午從N多篇文章里提煉出的一個(gè)白話版,保證讓你看得懂。

咱們從手機(jī)開始說(shuō)起吧。先上一張圖,給大家看看關(guān)于手機(jī)屏幕方面的一些參數(shù)。紅框內(nèi)的三個(gè)參數(shù),大家一定都不陌生,我也不陌生。不過講真的,就在不久前,我連手機(jī)的屏幕尺寸到底是怎么算出來(lái)的都不知道。下面我們開始慢慢講。

742658-329bda9627358389

屏幕(主屏)尺寸是什么,怎么算?

下面這張圖是華為榮耀7的尺寸圖,圖上寫的是5.2英寸。那么這個(gè)5.2英寸到底是怎么算出來(lái)的呢?在說(shuō)這個(gè)問題之前,我們先進(jìn)行一下單位的換算。我們平時(shí)是不用英寸這個(gè)單位的,我們用的是毫米,厘米,米這些單位。那么英寸和毫米,厘米之間怎樣的換算關(guān)系呢?我也不知道,所以我百度了一下。

1英寸(inch)=2.54厘米(cm)

原來(lái)一英寸相當(dāng)于我們的2.54厘米這么長(zhǎng)。現(xiàn)在讓我們回到5.2英寸到底是怎么算出來(lái)的這個(gè)問題。一開始呢,我覺得可能是手機(jī)屏幕的面積有這么大吧,后來(lái)我百度了英寸之后,才發(fā)現(xiàn)自己有多愚蠢。因?yàn)橛⒋缡情L(zhǎng)度單位,面積的表示要用面積單位,英寸顯然不可以表示面積。從這一點(diǎn),就否認(rèn)了我的想法。

其實(shí),我們所說(shuō)的這個(gè)5.2英寸是手機(jī)屏幕對(duì)角線的長(zhǎng)度。

742658-46b3b87dea66146c

我這么一說(shuō),有點(diǎn)數(shù)學(xué)常識(shí)的人就知道手機(jī)的屏幕尺寸是怎么算的了吧。沒錯(cuò),就是那個(gè)勾股定理了,知道手機(jī)屏幕的長(zhǎng)和寬,然后利用勾股定理,就可以算出斜邊的長(zhǎng)了。還有個(gè)更簡(jiǎn)單的方法,只要用尺子量一下它的對(duì)角線是多少厘米,然后再換算成英寸就搞定了。

742658-6744d1e122c7804e

分辨率又是什么鬼?

上面的圖顯示,華為榮耀7的分辨率是1920PX*1080PX。那么,這個(gè)分辨率又是怎么回事呢?可能大家注意了,1920和1080后面都跟了PX的字樣,這個(gè)PX就是我們很熟悉的像素了,這個(gè)像素咱們后面講,現(xiàn)在你只要明白,像素是分辨率的單位就好了。

在講解分辨率之前,我們要明白一個(gè)概念。在我們手機(jī)上呈現(xiàn)的一條線,一個(gè)面,一張圖像都是由最小的單位像素來(lái)表示的,你也可以簡(jiǎn)單理解為是由一個(gè)個(gè)小方塊組成的??纯聪旅孢@張圖你就明白了。

742658-6dad9edb403eb2e1

所以呢,分辨率1920px*1080px的意思就是,在這個(gè)華為榮耀7的5.2英寸屏幕上,在豎向的高度上有1920個(gè)像素塊,在橫向的寬度上有1080個(gè)像素塊。

下面來(lái)講講啥是分辨率比?

你可能注意到了,手機(jī)的屏幕是個(gè)長(zhǎng)方形,高是1920px,寬是1080px。你稍計(jì)算就會(huì)發(fā)現(xiàn),這個(gè)高和寬的比例是16:9的。說(shuō)到16:9這個(gè)比例,經(jīng)常看視頻的同學(xué)一定就不陌生了。手機(jī)屏幕有各種分辨率比,這個(gè)比你也可以看作是手機(jī)屏幕的尺寸比。根據(jù)百度百科顯示,手機(jī)分辨率之所以表示成1920px*1080px這種形式,也是為了方便表示手機(jī)屏幕的大小。這里的大小,應(yīng)該指的就是手機(jī)屏幕的尺寸吧。其實(shí),告訴你一個(gè)手機(jī)的分辨率,你真的就能計(jì)算出手機(jī)屏幕的尺寸嗎?那么,還差什么條件才能計(jì)算出手機(jī)屏幕的尺寸呢?

什么是屏幕像素密度?

屏幕像素密度,即每英寸屏幕所擁有的像素?cái)?shù),英文簡(jiǎn)稱PPI。在讀到這個(gè)每英寸屏幕時(shí),我曾經(jīng)深深的疑惑,這個(gè)每英寸是不是每平方英寸的簡(jiǎn)稱呢?事實(shí)證明,我還是太年輕,這個(gè)英寸跟之前手機(jī)屏幕的尺寸一樣,也是對(duì)角線的長(zhǎng)度。所以,我們可以這么理解屏幕像素密度,即在一個(gè)對(duì)角線長(zhǎng)度為1英寸的正方形內(nèi)所擁有的像素?cái)?shù)。說(shuō)到這里,大家可能還是有些疑惑的,沒事,接著看下面。

屏幕像素密度,分辨率,屏幕尺寸的關(guān)系是什么?

這三個(gè)專業(yè)名詞之間,有著非常嚴(yán)謹(jǐn)?shù)年P(guān)系。為啥說(shuō)嚴(yán)謹(jǐn)呢,因?yàn)檫@三者之間,有一個(gè)公式可以表示。

742658-d882d6a3115b38f5

這個(gè)公式真是簡(jiǎn)單明了,把很多疑問都給我們解決了。我們還是拿華為榮耀7手機(jī)為例,我們知道它的尺寸為5.2英寸,分辨率為1920px*1080px(1920px就是公式里的縱向,1080px就是公式里的橫向了)。你不信的話就用公式算一下,最后得出的PPI,是不是就是424ppi。我算了一下,結(jié)果是423.6359942465958,懂得四舍五入的同學(xué)就知道424是個(gè)近似值了。

像素的大小是固定的嗎?

我先這么說(shuō)一句,像素是沒有實(shí)際的物理尺寸的。為啥呢,按照慣例,舉個(gè)例子。

742658-a3f1c39394b1db86

742658-0dde20ce3eeda989

上面的這兩張圖,第一張是蘋果6手機(jī)的屏幕參數(shù),第二張還是出鏡率最高的華為榮耀7的屏幕參數(shù)。大家注意看,這兩個(gè)手機(jī)的分辨率都是1920px*1080px。但是,蘋果手機(jī)的屏幕尺寸比華為榮耀7小了0.2英寸。又一個(gè)但是,蘋果手機(jī)的屏幕像素密度(PPI)卻比華為榮耀7高了45個(gè)PPI,也就是每英寸像素個(gè)數(shù)多了45個(gè)。這說(shuō)明了啥?說(shuō)明了同樣的一英寸的長(zhǎng)度,蘋果手機(jī)用469個(gè)ppi來(lái)顯示,華為只用了424個(gè)ppi來(lái)顯示。你能告訴我哪個(gè)手機(jī)的顯示效果更加精細(xì)嗎?同樣是一英寸,同樣都是像素,為啥蘋果手機(jī)一英寸有469個(gè)像素,華為只有424個(gè)呢?我們知道,英寸是長(zhǎng)度單位,它有固定的物理尺寸。那么問題就只能出在了像素身上。這說(shuō)明,像素這個(gè)東西,在蘋果手機(jī)上變小了。所以,像素這個(gè)東西,就像金箍,能變大能變小。

電腦屏幕可以調(diào)分辨率,難道是通過調(diào)整它的像素大小實(shí)現(xiàn)的?

你錯(cuò)啦,要是這么簡(jiǎn)單,我寫這篇文章有個(gè)卵用?其實(shí)類,在同一個(gè)設(shè)備上,它的像素個(gè)數(shù)是固定的,這是廠商在出廠時(shí)就設(shè)置好了的。只有不同的設(shè)備之間,才有像素大小的區(qū)別。既然在同一個(gè)設(shè)備上,像素點(diǎn)數(shù)早就設(shè)定好了,那電腦上可以調(diào)整分辨率是怎么回事?我再怎么調(diào),像素點(diǎn)數(shù)還是那么多啊。

人家系統(tǒng)給你推薦的是1366px*768px的分辨率,你知道意味著什么嗎?沒錯(cuò),微軟在這塊屏幕上橫向設(shè)置了768個(gè)像素,豎向設(shè)置了1366個(gè)像素。再怎么拉扯,這個(gè)數(shù)字是不會(huì)變了。那么,為啥我還能調(diào)整分辨率呢?我要是調(diào)整到800px*600px,按照定義,橫向就是600個(gè)像素,豎向就是800個(gè)像素了啊。其實(shí)呢,你把分辨率調(diào)成800*600,系統(tǒng)就會(huì)分配給你800*600個(gè)有效像素個(gè)數(shù),也就是真實(shí)的色彩塊。其他的個(gè)數(shù)呢,就由系統(tǒng)自作主張,通過一系列運(yùn)算給你一個(gè)模擬色彩塊,填充成正好1366*768個(gè)色彩塊。這些拿來(lái)充數(shù)的像素塊,和真實(shí)的像素塊放到一起。就好比一個(gè)正規(guī)軍,里面摻了很多雜牌軍一樣,只能是隊(duì)伍不好帶了。

PPI大的手機(jī)顯示效果就越精細(xì)嗎?

要回答這個(gè)問題,就要先明白,一個(gè)像素到底包含了什么?一個(gè)像素其實(shí)就是一個(gè)色彩塊,你不信的話,就去前面看看那張風(fēng)雨雷電圖。同樣的一英寸,蘋果手機(jī)能展示469個(gè)色彩,華為只能展示424個(gè)色彩,當(dāng)然是蘋果手機(jī)的顯示效果更好了。也就是蘋果6在出廠時(shí),早就在屏幕上設(shè)置了同樣個(gè)數(shù)更小的像素塊,也就意味著可以顯示更多的色彩。

屏幕的清晰程度其實(shí)是分辨率和尺寸大小共同決定,用ppi指數(shù)衡量屏幕清晰程度更加準(zhǔn)確。

屏幕尺寸固定,分辨率越高,PPI就越高嗎?

廢話,看公式啊。

分辨率固定,屏幕尺寸大了,PPI是不是就少了?

廢話,看公式啊。還有,蘋果6和榮耀7的例子還很鮮活的擺在這呢。

PPI不變,屏幕尺寸變大,分辨率是不是也會(huì)變大?

廢話,看公式啊。

鑒于篇幅太長(zhǎng),我本來(lái)還想把安卓手機(jī)上app的圖標(biāo)顯示問題說(shuō)一說(shuō),看來(lái)只能留到下一次了。

【邁創(chuàng)與眾不同】憑借對(duì)設(shè)計(jì)的熱愛和執(zhí)著,互聯(lián)網(wǎng)營(yíng)銷趨勢(shì)的敏銳洞察和深刻理解,與眾多同行不同的是,邁創(chuàng)更注重與客戶互促共生,價(jià)值同在。
本圈子所有內(nèi)容若需轉(zhuǎn)載請(qǐng)聯(lián)系我們。