1. 程式人生 > >屏幕尺寸,分辨率,像素,PPI之間到底什麽關系?

屏幕尺寸,分辨率,像素,PPI之間到底什麽關系?

以及 的人 實現 了吧 圖片 其他 17. 密度 清晰

  • 今天我給大家來講講這幾個咱們經常打交道的詞到底啥意思,以及他們之間到底有什麽關系。這篇文章是我花了一個下午從N多篇文章裏提煉出的一個白話版,保證讓你看得懂。咱們從手機開始說起吧。先上一張圖,給大家看看關於手機屏幕方面的一些參數。紅框內的三個參數,大家一定都不陌生,我也不陌生。不過講真的,就在不久前,我連手機的屏幕尺寸到底是怎麽算出來的都不知道。下面我們開始慢慢講。
    技術分享圖片

1、屏幕(主屏)尺寸是什麽,怎麽算?

  • 下面這張圖是華為榮耀7的尺寸圖,圖上寫的是5.2英寸。那麽這個5.2英寸到底是怎麽算出來的呢?在說這個問題之前,我們先進行一下單位的換算。我們平時是不用英寸這個單位的,我們用的是毫米,厘米,米這些單位。那麽英寸和毫米,厘米之間怎樣的換算關系呢?我也不知道,所以我百度了一下。
    • 1英寸(inch)=2.54厘米(cm)
  • 原來一英寸相當於我們的2.54厘米這麽長。現在讓我們回到5.2英寸到底是怎麽算出來的這個問題。一開始呢,我覺得可能是手機屏幕的面積有這麽大吧,後來我百度了英寸之後,才發現自己有多愚蠢。因為英寸是長度單位,面積的表示要用面積單位,英寸顯然不可以表示面積。從這一點,就否認了我的想法。
  • 其實,我們所說的這個5.2英寸是手機屏幕對角線的長度。
    技術分享圖片
  • 我這麽一說,有點數學常識的人就知道手機的屏幕尺寸是怎麽算的了吧。沒錯,就是那個勾股定理了,知道手機屏幕的長和寬,然後利用勾股定理,就可以算出斜邊的長了。還有個更簡單的方法,只要用尺子量一下它的對角線是多少厘米,然後再換算成英寸就搞定了。
    技術分享圖片

2、分辨率又是什麽鬼?

  • 上面的圖顯示,華為榮耀7的分辨率是1920PX*1080PX。那麽,這個分辨率又是怎麽回事呢?可能大家註意了,1920和1080後面都跟了PX的字樣,這個PX就是我們很熟悉的像素了,這個像素咱們後面講,現在你只要明白,像素是分辨率的單位就好了。
  • 在講解分辨率之前,我們要明白一個概念。在我們手機上呈現的一條線,一個面,一張圖像都是由最小的單位像素來表示的,你也可以簡單理解為是由一個個小方塊組成的。看看下面這張圖你就明白了。
    技術分享圖片
  • 所以呢,分辨率1920px*1080px的意思就是,在這個華為榮耀7的5.2英寸屏幕上,在豎向的高度上有1920個像素塊,在橫向的寬度上有1080個像素塊。
  • 2.1 下面來講講啥是分辨率比?

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

3、什麽是屏幕像素密度?

  • 屏幕像素密度,即每英寸屏幕所擁有的像素數,英文簡稱PPI。在讀到這個每英寸屏幕時,我曾經深深的疑惑,這個每英寸是不是每平方英寸的簡稱呢?事實證明,我還是太年輕,這個英寸跟之前手機屏幕的尺寸一樣,也是對角線的長度。所以,我們可以這麽理解屏幕像素密度,即在一個對角線長度為1英寸的正方形內所擁有的像素數。說到這裏,大家可能還是有些疑惑的,沒事,接著看下面。
  • 屏幕像素密度,分辨率,屏幕尺寸的關系是什麽?
  • 這三個專業名詞之間,有著非常嚴謹的關系。為啥說嚴謹呢,因為這三者之間,有一個公式可以表示。
    技術分享圖片
  • 這個公式真是簡單明了,把很多疑問都給我們解決了。我們還是拿華為榮耀7手機為例,我們知道它的尺寸為5.2英寸,分辨率為1920px*1080px(1920px就是公式裏的縱向,1080px就是公式裏的橫向了)。你不信的話就用公式算一下,最後得出的PPI,是不是就是424ppi。我算了一下,結果是423.6359942465958,懂得四舍五入的同學就知道424是個近似值了。

4、像素的大小是固定的嗎?

  • 我先這麽說一句,像素是沒有實際的物理尺寸的。為啥呢,按照慣例,舉個例子。
    技術分享圖片
    技術分享圖片
  • 上面的這兩張圖,第一張是蘋果6手機的屏幕參數,第二張還是出鏡率最高的華為榮耀7的屏幕參數。大家註意看,這兩個手機的分辨率都是1920px*1080px。但是,蘋果手機的屏幕尺寸比華為榮耀7小了0.2英寸。又一個但是,蘋果手機的屏幕像素密度(PPI)卻比華為榮耀7高了45個PPI,也就是每英寸像素個數多了45個。這說明了啥?說明了同樣的一英寸的長度,蘋果手機用469個ppi來顯示,華為只用了424個ppi來顯示。你能告訴我哪個手機的顯示效果更加精細嗎?同樣是一英寸,同樣都是像素,為啥蘋果手機一英寸有469個像素,華為只有424個呢?我們知道,英寸是長度單位,它有固定的物理尺寸。那麽問題就只能出在了像素身上。這說明,像素這個東西,在蘋果手機上變小了。所以,像素這個東西,就像金箍,能變大能變小。
  • 電腦屏幕可以調分辨率,難道是通過調整它的像素大小實現的?
  • 你錯啦,要是這麽簡單,我寫這篇文章有個卵用?其實類,在同一個設備上,它的像素個數是固定的,這是廠商在出廠時就設置好了的。只有不同的設備之間,才有像素大小的區別。既然在同一個設備上,像素點數早就設定好了,那電腦上可以調整分辨率是怎麽回事?我再怎麽調,像素點數還是那麽多啊。
    技術分享圖片
  • 人家系統給你推薦的是1366px*768px的分辨率,你知道意味著什麽嗎?沒錯,微軟在這塊屏幕上豎向設置了768個像素,橫向設置了1366個像素。再怎麽拉扯,這個數字是不會變了。那麽,為啥我還能調整分辨率呢?我要是調整到800px*600px,按照定義,橫向就是600個像素,豎向就是800個像素了啊。其實呢,你把分辨率調成800*600,系統就會分配給你800*600個有效像素個數,也就是真實的色彩塊。其他的個數呢,就由系統自作主張,通過一系列運算給你一個模擬色彩塊,填充成正好1366*768個色彩塊。這些拿來充數的像素塊,和真實的像素塊放到一起。就好比一個正規軍,裏面摻了很多雜牌軍一樣,只能是隊伍不好帶了。

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

  • 要回答這個問題,就要先明白,一個像素到底包含了什麽?一個像素其實就是一個色彩塊,你不信的話,就去前面看看那張風雨雷電圖。同樣的一英寸,蘋果手機能展示469個色彩,華為只能展示424個色彩,當然是蘋果手機的顯示效果更好了。也就是蘋果6在出廠時,早就在屏幕上設置了同樣個數更小的像素塊,也就意味著可以顯示更多的色彩。
  • 屏幕的清晰程度其實是分辨率和尺寸大小共同決定,用ppi指數衡量屏幕清晰程度更加準確。
  • 屏幕尺寸固定,分辨率越高,PPI就越高嗎?
    • 廢話,看公式啊。
  • 分辨率固定,屏幕尺寸大了,PPI是不是就少了?
    • 廢話,看公式啊。還有,蘋果6和榮耀7的例子還很鮮活的擺在這呢。
  • PPI不變,屏幕尺寸變大,分辨率是不是也會變大?
    • 廢話,看公式啊。
      技術分享圖片

屏幕尺寸,分辨率,像素,PPI之間到底什麽關系?