1. 程式人生 > >【全解析】螢幕尺寸,解析度,畫素,PPI之間到底什麼關係?for 螢幕適配

【全解析】螢幕尺寸,解析度,畫素,PPI之間到底什麼關係?for 螢幕適配

這篇文章講的是真好,連我這樣的傻子都能看懂,解決了我的好多疑惑,下面是正文

【全解析】螢幕尺寸,解析度,畫素,PPI之間到底什麼關係?

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

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

【全解析】螢幕尺寸,解析度,畫素,PPI之間到底什麼關係?

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

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

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

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

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

【全解析】螢幕尺寸,解析度,畫素,PPI之間到底什麼關係?

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

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

解析度又是什麼鬼?

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

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

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

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

下面來講講啥是解析度比?

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

什麼是螢幕畫素密度?

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

螢幕畫素密度,解析度,螢幕尺寸的關係是什麼?

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

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

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

畫素的大小是固定的嗎?

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

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

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

電腦螢幕可以調解析度,難道是通過調整它的畫素大小實現的?

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

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

<iframe id="iframe1104309_0" src="http://pos.baidu.com/dcxm?rtbid=1971540&amp;rdid=9223372032564593756&amp;dc=2&amp;di=1104309&amp;dri=0&amp;dis=0&amp;dai=10&amp;ps=5358.4x0&amp;dcb=BAIDU_SSP_define&amp;dtm=HTML_POST&amp;dvi=0.0&amp;dci=-1&amp;dpt=none&amp;tsr=0&amp;tpr=1469095947589&amp;ti=%E3%80%90%E5%85%A8%E8%A7%A3%E6%9E%90%E3%80%91%E5%B1%8F%E5%B9%95%E5%B0%BA%E5%AF%B8%EF%BC%8C%E5%88%86%E8%BE%A8%E7%8E%87%EF%BC%8C%E5%83%8F%E7%B4%A0%EF%BC%8CPPI%E4%B9%8B%E9%97%B4%E5%88%B0%E5%BA%95%E4%BB%80%E4%B9%88%E5%85%B3%E7%B3%BB%EF%BC%9F%20-%20%E7%AB%99%E9%95%BF%E4%B9%8B%E5%AE%B6&amp;ari=2&amp;dbv=2&amp;drs=3&amp;pcs=1522x712&amp;pss=1522x8325&amp;cfv=0&amp;cpl=27&amp;chi=1&amp;cce=true&amp;cec=UTF-8&amp;tlm=1469095948&amp;rw=713&amp;ltu=http%3A%2F%2Fwww.chinaz.com%2Fmanage%2F2015%2F0902%2F441624.shtml&amp;ecd=1&amp;psr=1920x1080&amp;par=1920x1040&amp;pis=-1x-1&amp;ccd=24&amp;cja=true&amp;cmi=88&amp;col=zh-CN&amp;cdo=-1&amp;tcn=1469095948&amp;qn=dc089582cd90ea98&amp;tt=1469095947520.787.890.890" width="200" height="200" align="center,center" vspace="0" hspace="0" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" allowtransparency="true" style="display: block; border-width: 0px; border-style: initial; vertical-align: bottom; margin: 0px;"></iframe>

人家系統給你推薦的是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的圖示顯示問題說一說,看來只能留到下一次了。

******************************************************************************

題主講的真棒!但解析度和手機寬高比之間到底是什麼關係?

http://www.chinaz.com/manage/2015/0902/441624.shtml

http://www.jianshu.com/p/6319e43572fa

http://blog.csdn.net/jdsjlzx/article/details/45891551

如果檢視裝置的的解析度、螢幕尺寸、畫素密度?參照http://blog.csdn.net/zq13561411965/article/details/48032425



相關推薦

解析螢幕尺寸解析度PPI之間到底什麼關係for 螢幕

這篇文章講的是真好,連我這樣的傻子都能看懂,解決了我的好多疑惑,下面是正文 今天我給大家來講講這幾個咱們經常打交道的詞到底啥意思,以及他們之間到底有什麼關係。這篇文章是我花了一個下午從N多篇文章裡提煉出的一個白話版,保證讓你看得懂。 咱們從手機開始說起吧。先上一張

css物理裝置獨立解析度大亂鬥

本文主要闡述移動端佈局中常遇到的一些基本概念,這些概念也適用於PC端,這些概念大概有:畫素(pixel),ppi,解析度,物理畫素(physical pixel), CSS畫素,裝置獨立畫素(devicedependent pixel) 畫素 畫素是影象顯示的基本單

程式語言利用CImage類對影象的處理(影象二值化)

    最近做的課程作業需要用到CImage函式處理影象,其中涉及到讀取影象以及對影象畫素進行操作,在這裡記錄一下自己的理解。    首先是CImage類的定義和讀取圖片 CImage srcImage; CImage dstImage; CString path = "

Unity&DragonBones圖片從DragonBones匯入Unity2D圖片邊緣模糊的問題

圖片從DragonBones匯入Unity2D畫素圖片邊緣模糊的問題 就是DragonBones匯入Unity的時候,2D畫素圖片邊緣變得模糊。 但是我的圖片都是從PS上面畫下來的,然後畫素非常清晰

H5/JS遊戲常用演算法-碰撞檢測-檢測演算法

使用畫素碰撞檢測法算是最精確的演算法了,當然,帶來的代價也是比較明顯的,那就是效率上的低下。除非是在極為特殊的情況下,要求使用非常精確的碰撞,否則,一般情況下在遊戲中是不建議使用這種演算法,特別是在執行效率不太高的HTML5遊戲中。一般來說在使用畫素碰撞檢測之前會使用AABB

IOS學習iPhone螢幕尺寸解析度

1.iPhone尺寸規格 裝置 iPhone 寬 Width 高 Height 對角線 Diagonal 邏輯解析度(point) Scale Factor 裝置解析度(pixel) PPI 3GS 2.4

圖文解析Spring瞭解一下啊圖文解釋一看就懂小老弟!

1.Spring簡介 什麼是Spring: spring產生於2003年,輕量級javase/ee一站式開源框架。 spring在三層架構的地位: 表示層:SpringMVC/struts2 業務邏輯層:Spring fra

圖文解析 MySQL 初始初戀的感覺!

什麼是資料 客觀事物的符號表示。 資料的分類 結構化資料: 可以按照一定結構來進行描述。 非結構化資料: 不能按照一定結構描述。(文件,視訊,音訊…) 半結構化資料: 介於兩者之間。  (xml/html/json) 資料庫分類 關係

域名解析阿里雲域名+雲伺服器+tomcat實現多域名單IP多應用的解析流程

環境說明 域名是在阿里雲上報備的 伺服器是阿里雲的資源,提供了一個對外IP 伺服器作業系統是windows 容器是tomcat 要求 域名下配置兩個二級域名 兩個二級域名跳轉到同一個IP上 該ip伺服器內部,部署在tomca

WDSR(NTIRE2018超解析度冠軍)深度解析

s超解析度(super-resolution)的通俗解釋就是:將低解析度的影象通過演算法轉換成高解析度影象。聽起來似乎很神奇,這樣是不是可以把低清電影轉換成高清了?就現在來看,基於深度學習的超解析度(簡稱SR)已經達到了amazing的效果。 當然,以木盞的習慣就是,只在博文中討論乾貨。

jquery實現checkbox選功能第二次點選按鈕頁面無法勾選

去面試,老多人問會不會jQuery啊,會不會ExtJS啊,以前都零星使用過,是使用別人封裝好的版本,沒單獨研究過這些前端技術,閒暇之餘,先研究研究jQuery。 找了本書,做了個jQuery實現全選功能的例子,覺得程式碼邏輯上都沒有問題,第二次點選【全選】按鈕頁面就是無法勾

算法禁忌搜索算法(Tabu SearchTS)超詳細通俗解析附C++代碼實例

-o 循環 簡單 全局最優 更多 算法 什麽 博文 操作 01 什麽是禁忌搜索算法? 1.1 先從爬山算法說起 爬山算法從當前的節點開始,和周圍的鄰居節點的值進行比較。 如果當前節點是最大的,那麽返回當前節點,作為最大值 (既山峰最高點);反之就用最高的鄰居節點來,替換當前

原始碼解析自動配置的這些細節都不知道別說你會 springboot

spring-boot 相對於 spring,很重要的一個特點就是自動配置,使約定大於配置思想成功落地。xxx-spring-boot-starter 一系列引導器能夠開箱即用,或者只需要很少的配置(對於初學人員)就是因為已做了預設的自動配置。 自動配置在一開始就初始化了一些配置,同時提供修改配置的入口。 整

思路解析discuz 帖子設置封面 setthreadcover 表pre_forum_threadimage

新建文件夾 還得 功能 thread mono md5加密 調用 als != 在Discuz 中有一項就是給帖子設置封面,非常多情況下僅僅能通過手動的方式去設置或者用提交POST請求的式去設置; 可是這都是調用DISCUZ的功能設置的; 有的時候並不是萬能的,也

機器學習隨機森林 Random Forest 得到模型後評估參數重要性

img eas 一個 increase 裏的 sum 示例 增加 機器 在得出random forest 模型後,評估參數重要性 importance() 示例如下 特征重要性評價標準 %IncMSE 是 increase in MSE。就是對每一個變量 比如 X1

[轉載]BlackHat 2017美國黑客大會首日議題匯總演講PPT下載也在這裏

get 做了 ini tracking http 數據 機構 安裝程序 roo 今年是 Black Hat 舉辦的第 20 個年頭,高溫酷暑也擋不住全世界黑客和安全人員奔赴拉斯維加斯的熱情。畢竟這可是一年一度的盛大狂歡啊。今年的 BHUSA 從美國東部時間時間 7 月 22

龍清泉左手腕受傷未愈 不能參賽痛哭流涕c

avt vgg col xor cfa bus def otn dac 【全運】龍清泉左手腕受傷未愈 不能參賽痛哭流涕   四http://j51812.zcisa.cn/http://moaz05.zcisa.cn/http://tzv22s.zcisa.cn/http:

避坑初次接項目的血與淚紮坑了老鐵

外包 項目 開發 軟件 談起外包經歷,我的第一次外包源自前兩年某天陪著女友逛商場時,接到一個朋友的電話,朋友興高采烈地跟我介紹一個大項目:需求不多、錢不少,難度不大、口氣不小,我一聽心動了,原以為要賺一筆 easy money,後面再看看,這次外包踩了大大小小不少的坑,遂想好好記錄一下。前期溝

新聞精選驚魂一刻:揭秘“人造肉”記者遭圍攻!

ram href width html target pos wid pla embed Video http://v.youku.com/v_show/id_XMTczNzg2ODAzNg==.html 【新聞精選】驚魂一刻:揭秘“人造肉”,記者遭圍攻!

產品功能配置網卡從此與關機無緣彈性網卡支持熱插拔功能

控制臺摘要: 本文主要介紹了彈性網卡的熱插撥功能改進,彈性網卡插拔對應的實例不再要求必須為 Stopped 狀態,現在只要求是穩定狀態( Running Stopped )即可。以及介紹了控制臺、OpenAPI如何對彈性網卡進行熱插拔操作。背景在雲計算飛速發展的今天,用戶ECS服務器身處的網絡環境越來越復雜,