天天看點

【全解析】螢幕尺寸,分辨率,像素,PPI之間到底什麼關系?

【全解析】螢幕尺寸,分辨率,像素,PPI之間到底什麼關系?

2015-09-02 12:22 稿源:産品100  5條評論 撤稿糾錯

【全解析】螢幕尺寸,分辨率,像素,PPI之間到底什麼關系?

今天我給大家來講講這幾個咱們經常打交道的詞到底啥意思,以及他們之間到底有什麼關系。這篇文章是我花了一個下午從N多篇文章裡提煉出的一個白話版,保證讓你看得懂。

咱們從手機開始說起吧。先上一張圖,給大家看看關于手機螢幕方面的一些參數。紅框内的三個參數,大家一定都不陌生,我也不陌生。不過講真的,就在不久前,我連手機的螢幕尺寸到底是怎麼算出來的都不知道。下面我們開始慢慢講。

【全解析】螢幕尺寸,分辨率,像素,PPI之間到底什麼關系?

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

下面這張圖是華為榮耀7的尺寸圖,圖上寫的是5.2英寸。那麼這個5.2英寸到底是怎麼算出來的呢?在說這個問題之前,我們先進行一下機關的換算。我們平時是不用英寸這個機關的,我們用的是毫米,厘米,米這些機關。那麼英寸和毫米,厘米之間怎樣的換算關系呢?我也不知道,是以我百度了一下。

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

原來一英寸相當于我們的2.54厘米這麼長。現在讓我們回到5.2英寸到底是怎麼算出來的這個問題。一開始呢,我覺得可能是手機螢幕的面積有這麼大吧,後來我百度了英寸之後,才發現自己有多愚蠢。因為英寸是長度機關,面積的表示要用面積機關,英寸顯然不可以表示面積。從這一點,就否認了我的想法。

其實,我們所說的這個5.2英寸是手機螢幕對角線的長度。

【全解析】螢幕尺寸,分辨率,像素,PPI之間到底什麼關系?

我這麼一說,有點數學常識的人就知道手機的螢幕尺寸是怎麼算的了吧。沒錯,就是那個勾股定理了,知道手機螢幕的長和寬,然後利用勾股定理,就可以算出斜邊的長了。還有個更簡單的方法,隻要用尺子量一下它的對角線是多少厘米,然後再換算成英寸就搞定了。

【全解析】螢幕尺寸,分辨率,像素,PPI之間到底什麼關系?

分辨率又是什麼鬼?

上面的圖顯示,華為榮耀7的分辨率是1920PX*1080PX。那麼,這個分辨率又是怎麼回事呢?可能大家注意了,1920和1080後面都跟了PX的字樣,這個PX就是我們很熟悉的像素了,這個像素咱們後面講,現在你隻要明白,像素是分辨率的機關就好了。

在講解分辨率之前,我們要明白一個概念。在我們手機上呈現的一條線,一個面,一張圖像都是由最小的機關像素來表示的,你也可以簡單了解為是由一個個小方塊組成的。看看下面這張圖你就明白了。

【全解析】螢幕尺寸,分辨率,像素,PPI之間到底什麼關系?

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

下面來講講啥是分辨率比?

你可能注意到了,手機的螢幕是個長方形,高是1920px,寬是1080px。你稍計算就會發現,這個高和寬的比例是16:9的。說到16:9這個比例,經常看視訊的同學一定就不陌生了。手機螢幕有各種分辨率比,這個比你也可以看作是手機螢幕的尺寸比。根據百度百科顯示,手機分辨率之是以表示成1920px*1080px這種形式,也是為了友善表示手機螢幕的大小。這裡的大小,應該指的就是手機螢幕的尺寸吧。其實,告訴你一個手機的分辨率,你真的就能計算出手機螢幕的尺寸嗎?那麼,還差什麼條件才能計算出手機螢幕的尺寸呢?

什麼是螢幕像素密度?

螢幕像素密度,即每英寸螢幕所擁有的像素數,英文簡稱PPI。在讀到這個每英寸螢幕時,我曾經深深的疑惑,這個每英寸是不是每平方英寸的簡稱呢?事實證明,我還是太年輕,這個英寸跟之前手機螢幕的尺寸一樣,也是對角線的長度。是以,我們可以這麼了解螢幕像素密度,即在一個對角線長度為1英寸的正方形内所擁有的像素數。說到這裡,大家可能還是有些疑惑的,沒事,接着看下面。

螢幕像素密度,分辨率,螢幕尺寸的關系是什麼?

這三個專業名詞之間,有着非常嚴謹的關系。為啥說嚴謹呢,因為這三者之間,有一個公式可以表示。

【全解析】螢幕尺寸,分辨率,像素,PPI之間到底什麼關系?

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

像素的大小是固定的嗎?

我先這麼說一句,像素是沒有實際的實體尺寸的。為啥呢,按照慣例,舉個例子。

【全解析】螢幕尺寸,分辨率,像素,PPI之間到底什麼關系?

上面的這兩張圖,第一張是蘋果6手機的螢幕參數,第二張還是出鏡率最高的華為榮耀7的螢幕參數。大家注意看,這兩個手機的分辨率都是1920px*1080px。但是,蘋果手機的螢幕尺寸比華為榮耀7小了0.2英寸。又一個但是,蘋果手機的螢幕像素密度(PPI)卻比華為榮耀7高了45個PPI,也就是每英寸像素個數多了45個。這說明了啥?說明了同樣的一英寸的長度,蘋果手機用469個ppi來顯示,華為隻用了424個ppi來顯示。你能告訴我哪個手機的顯示效果更加精細嗎?同樣是一英寸,同樣都是像素,為啥蘋果手機一英寸有469個像素,華為隻有424個呢?我們知道,英寸是長度機關,它有固定的實體尺寸。那麼問題就隻能出在了像素身上。這說明,像素這個東西,在蘋果手機上變小了。是以,像素這個東西,就像金箍,能變大能變小。

電腦螢幕可以調分辨率,難道是通過調整它的像素大小實作的?

你錯啦,要是這麼簡單,我寫這篇文章有個卵用?其實類,在同一個裝置上,它的像素個數是固定的,這是廠商在出廠時就設定好了的。隻有不同的裝置之間,才有像素大小的差別。既然在同一個裝置上,像素點數早就設定好了,那電腦上可以調整分辨率是怎麼回事?我再怎麼調,像素點數還是那麼多啊。

【全解析】螢幕尺寸,分辨率,像素,PPI之間到底什麼關系?

人家系統給你推薦的是1366px*768px的分辨率,你知道意味着什麼嗎?沒錯,微軟在這塊螢幕上橫向設定了768個像素,豎向設定了1366個像素。再怎麼拉扯,這個數字是不會變了。那麼,為啥我還能調整分辨率呢?我要是調整到800px*600px,按照定義,橫向就是600個像素,豎向就是800個像素了啊。其實呢,你把分辨率調成800*600,系統就會配置設定給你800*600個有效像素個數,也就是真實的色彩塊。其他的個數呢,就由系統自作主張,通過一系列運算給你一個模拟色彩塊,填充成正好1366*768個色彩塊。這些拿來充數的像素塊,和真實的像素塊放到一起。就好比一個正規軍,裡面摻了很多雜牌軍一樣,隻能是隊伍不好帶了。

PPI大的手機顯示效果就越精細嗎?

要回答這個問題,就要先明白,一個像素到底包含了什麼?一個像素其實就是一個色彩塊,你不信的話,就去前面看看那張風雨雷電圖。同樣的一英寸,蘋果手機能展示469個色彩,華為隻能展示424個色彩,當然是蘋果手機的顯示效果更好了。也就是蘋果6在出廠時,早就在螢幕上設定了同樣個數更小的像素塊,也就意味着可以顯示更多的色彩。

螢幕的清晰程度其實是分辨率和尺寸大小共同決定,用ppi指數衡量螢幕清晰程度更加準确。

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

廢話,看公式啊。

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

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

PPI不變,螢幕尺寸變大,分辨率是不是也會變大?

廢話,看公式啊。

鑒于篇幅太長,我本來還想把安卓手機上app的圖示顯示問題說一說,看來隻能留到下一次了。

繼續閱讀