作為一個(gè)入門級(jí)數(shù)據(jù)可視化產(chǎn)品經(jīng)理红选，第一個(gè)基礎(chǔ)技能自然要點(diǎn)亮“分辨率”澜公。當(dāng)我看了一些前輩對(duì)分辨率的講解之后，我以為我會(huì)了喇肋，直到遇到實(shí)際場(chǎng)景啪啪打臉坟乾。所以！下決心搞清楚分辨率蝶防，遇到任何場(chǎng)景都不再慌也不犯錯(cuò)甚侣！

正文開始，名詞概念理解較多间学，要耐心看完并理解喲殷费！

分辨率指的是什么？

分辨率低葫，又稱解析度详羡、解像度，可以細(xì)分為顯示分辨率嘿悬、圖像分辨率实柠、打印分辨率和掃描分辨率等。（百度百科）

那顯示分辨率善涨，圖像分辨率窒盐，打印分辨率和掃描分辨率又是什么？

顯示分辨率：顯示器在顯示圖像時(shí)的分辨率钢拧，顯示分辨率的數(shù)值是指整個(gè)顯示器所有可視面積上水平像素和垂直像素的數(shù)量蟹漓。例如800×600的分辨率。

圖像分辨率：圖像的分辨率以PPI (PixelsPer Inch)來度量娶靡，它和圖像的寬牧牢、高尺寸一起決定了圖像文件的大小及圖像質(zhì)量。比如姿锭，一幅圖像寬8英寸塔鳍、高6英寸，分辨率為100PPI呻此，如果保持圖像文件的大小不變轮纫，也就是總的像素?cái)?shù)不變，將分辨率降為50PPI焚鲜，在寬高比不變的情況下掌唾，圖像的寬將變?yōu)?6英寸放前、高將變?yōu)?2英寸。另外糯彬，對(duì)于計(jì)算機(jī)的顯示系統(tǒng)來說凭语，一幅圖像的PPI值是沒有意義的，起作用的是這幅圖像所包含的總的像素?cái)?shù)撩扒，也就是顯示分辨率似扔。（劃重點(diǎn)！）

打印分辨率：打印機(jī)分辨率又稱為輸出分辨率搓谆，是指在打印輸出時(shí)橫向和縱向兩個(gè)方向上每英寸最多能夠打印的點(diǎn)數(shù)炒辉，通常以“點(diǎn)/英寸”即dpi（dot per inch）表示。

掃描分辨率：是指用dpi來表示泉手，分為三種：光學(xué)分辨率黔寇、機(jī)械分辨率和插值分辨率 。掃描分辨率要除以最終的縮放倍數(shù)才是最終你得到的圖像分辨率斩萌。舉一個(gè)簡(jiǎn)單的例子缝裤，如果你掃描了一張3cm×4cm尺寸的郵票，而最終使用的圖像是9cm×12cm术裸，那么這里的縮放倍數(shù)就是12/4=3或者9/3=3倘是。也就是說，如果在輸出時(shí)需要300dpi的分辨率袭艺，那么掃描時(shí)的分辨率就需要達(dá)到300dpi×3=900dpi搀崭。

簡(jiǎn)單的理解，

顯示分辨率是指一臺(tái)顯示器的分辨率猾编。

圖像分辨率是一個(gè)圖像的屬性瘤睹。

打印分辨率是一臺(tái)打印機(jī)的分辨率。

掃描分辨率是一個(gè)掃描儀的分辨率答倡。

關(guān)于DPI和PPI

而DPI和PPI都是指每單位英寸上的點(diǎn)個(gè)數(shù)轰传，區(qū)別也只是在語境上不同而已，在掃描瘪撇，印刷的時(shí)候常用DPI获茬，強(qiáng)調(diào)點(diǎn)（dot）的概念。在數(shù)字圖像中用PPI倔既，強(qiáng)調(diào)想告訴（pixel）的概念恕曲。

提到DPI和PPI，不得不提一下屏幕尺寸渤涌，分辨率以及他們的關(guān)系佩谣。

計(jì)算公式：PPI= DPI = 對(duì)角線的像素點(diǎn)/屏幕尺寸

如圖，屏幕尺寸指對(duì)角線的長(zhǎng)度= （橫向物理長(zhǎng)度的平方 + 縱向物理長(zhǎng)度的平方）開根

對(duì)角線的像素點(diǎn) = （橫向分辨率的平方 + 縱向分辨率的平方）開根

物理分辨率和邏輯分辨率

先回來繼續(xù)講分辨率实蓬，顯示分辨率中又分為物理分辨率茸俭，邏輯分辨率吊履。

物理分辨率是最直接的，比如說720*560 就是720個(gè)點(diǎn)*560個(gè)點(diǎn)

軟硬件都會(huì)有一個(gè)物理分辨率调鬓，比如說720*560艇炎。 軟件包含操作系統(tǒng)（在系統(tǒng)層面，手機(jī)分辨率顯示的都是邏輯分辨率）

當(dāng)硬件的物理分辨率變大了腾窝，軟件的分辨率不變冕臭，那軟件展示出來的效果就變小了。

當(dāng)硬件的物理分辨率變小了燕锥，軟件的分辨率不變，那軟件展示出來的效果就超出了屏幕悯蝉。

意味著 此時(shí)的軟硬件的分辨率是沒有關(guān)聯(lián)關(guān)系的归形。

而邏輯分辨率就是為了把軟硬件的分辨率聯(lián)系起來，讓系統(tǒng)對(duì)軟件的分辨率進(jìn)行處理鼻由，

當(dāng)硬件的分辨率變大或變小的時(shí)候暇榴，讓系統(tǒng)告訴軟件你需要用多少個(gè)物理像素點(diǎn)來繪制一個(gè)像素的內(nèi)容。

那么實(shí)際應(yīng)用怎么用呢蕉世？

怎么保證我們的圖片/可視化應(yīng)用的分辨率和屏幕分辨率是匹配的蔼紧？

舉例：一臺(tái)推薦分辨率為1366*786的主機(jī)和一個(gè)物理分辨率為2880*1080的LED屏幕

此時(shí)此景，到底應(yīng)該用哪個(gè)分辨率去設(shè)計(jì)我們的可視化大屏呢狠轻？

答案：2880*1080

理由：因?yàn)橄到y(tǒng)推薦分辨率是指系統(tǒng)的物理分辨率奸例，而真正顯示器的分辨率是2880*1080，而此時(shí)電腦中的軟件顯示的效果都是被拉伸過的向楼。如果我們的大屏設(shè)計(jì)成了1366*786查吊，那實(shí)際展示的效果又是什么樣呢？

這里就要講一下通常系統(tǒng)中的圖片填充設(shè)置

常用的填充方式有 填充湖蜕，適應(yīng)逻卖，拉伸，平鋪

填充：把分辨率較低的圖像等比縮放直到充滿整個(gè)屏幕昭抒，若分辨率比例與屏幕分辨率不是等比關(guān)系评也，則會(huì)有內(nèi)容溢出。

適應(yīng)：把分辨率較低的圖像等比縮放直到較大邊沾滿了屏幕灭返，這種情況會(huì)出現(xiàn)黑邊盗迟。

拉伸：又稱作強(qiáng)制鋪滿，這種設(shè)置與填充相似婆殿，但不會(huì)有內(nèi)容溢出诈乒。

平鋪：用多張分辨率較低的圖像鋪滿屏幕。

也就是說在不同的展示邏輯下婆芦，1366*786的大屏在2880*1080的屏幕上的效果不同怕磨。

總結(jié)：軟件和硬件都有自己的物理分辨率喂饥，只需要保證軟件分辨率和硬件分辨率匹配，即可正常展示圖像肠鲫。在軟件的物理分辨率和硬件的物理分辨率不匹配時(shí)员帮，可通過填充設(shè)置調(diào)控圖像展示效果。

拓展：

關(guān)于屏幕的長(zhǎng)寬比和分辨率的關(guān)系

看到1024×768导饲，大家肯定首先就想到這個(gè)屏幕的寬高比是4:3捞高，但是實(shí)際情況可能并不 是這樣，這種情況只建立在像素點(diǎn)是正方形的前提下渣锦，也就是在計(jì)算機(jī)的顯示器下確實(shí)是4:3硝岗。正方形的寬高比是1:1，所以1024×1 : 768×1還是4:3≈1.33袋毙。但是在電視上型檀，像素比不再是1:1，比如PAL制式的電視像素比是1.06听盖，那么1024×768的實(shí)際寬高比在電視上 就是1024×1.06 : 768×1≈1.41胀溺。因?yàn)闄M向的每一個(gè)像素都被拉升了1.06倍，所以在電視上看就會(huì)覺得這個(gè)視頻被橫向拉升了皆看，那么它的實(shí)際尺寸當(dāng)然就不會(huì)是4:3了仓坞。

也就是說，實(shí)際的屏幕寬高比=橫向分辨率×橫向像素長(zhǎng)度 : 縱向分辨率×縱向像素長(zhǎng)度腰吟。同時(shí)根據(jù)長(zhǎng)寬比无埃，也沒有辦法判斷出實(shí)際的分辨率的大小，但可以基于實(shí)際屏幕的大小根據(jù)經(jīng)驗(yàn)去判斷屏幕分辨率蝎困。

關(guān)于屏幕的尺寸和分辨率的關(guān)系

知道尺寸和寬高比的話录语，很容易可以估算出屏幕的寬度和長(zhǎng)度，再根據(jù)PPI禾乘，也能估算出分辨率澎埠。

視網(wǎng)膜屏幕：屏幕的像素密度達(dá)到326像素/英寸（ppi）

（此處引用某乎@Pirate的圖）

最后，我再一次認(rèn)為我搞懂了分辨率始藕，希望下次繼續(xù)打臉蒲稳，繼續(xù)學(xué)習(xí)。

（文中內(nèi)容理解可能有誤伍派，懇請(qǐng)大家指出江耀，十分感謝！）