Intro

為了計算PPI,寫一個js？？肯定不是這樣的，是寫一個js循環計算多個常見尺寸的ppi,一個個手敲那不符合我的風格。。

分辨率

1k 1920X1080
2k 2560X1440
4k 3840x2160

這里需要注意的就是只談分辨率不談PPI大都是流氓，1080P在13寸和27寸的感受天差地別。。。因此我們需要了解PPI.

PPI || DPI

首先明確DPI和PPI的意思：
PPI（Pixels Per Inch）像素密度: 每英寸所擁有的像素數量。
DPI（Dots Per Inch) 每英寸點數）:指每一英寸長度中，取樣、可顯示或輸出點的數目。衡量打印機打印精度的主要參數之一。
更詳細內容可以閱讀第一話——什么是 DPI，什么又是 PPI ？ PeterZ（ps，里面的ppi計算公式不認同）。

也就是說DPI衡量打印機和鼠標精度，而不是說顯示器、屏幕。后者用PPI來描述。越高PPI顯示越細膩越逼真越貴。。越少看到像素點帶來的粗糙感、像素感。。而Apple的Retina屏幕不過是超高PPI換了個名稱而已。

結論：手機一般超過 300 PPI為好, 筆記本電腦上至少需要 150 PPI 才能避免直接看到像素點，而 200 PPI 以上才能算得上優秀

計算公式

PPI = sqrt（H^2 + V^2） / Inch

案例代碼

全部代碼參見JsDemo - PPI

function calppi() {var width = document.getElementById("width").value;var height = document.getElementById("height").value;var inch = document.getElementById("inch").value;var ppi = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2)) / inch;document.getElementById("ppi").value = ppi;}

Demo

為了證明上面的計算公式，搬出了iphone小剛炮規格手冊進行驗證：可以看到計算結果表面iphone SE虛標了0.3多一丟丟。

iPhone SE 技術規格
4.7 英寸 (對角線) LCD 寬屏多點觸控顯示屏，采用 IPS 技術
1334 x 750 像素分辨率，326 ppi

再舉個13寸筆記本2K屏

常見顯示器PPI

24寸都是23.8寸五入

分辨率尺寸（inch）PPI

1k	23.8	92.55
2K	23.8	123.41
4K	23.8	183.57
2K	27	108.78
4K	27	163.17

Refer

下面幾個首先屏幕不談DPI,其次結果不對勁。。
Javascript-從JS / CSS檢測系統DPI / PPI？

dpi_x: 133.95348837209303 dpi_y: 133.95348837209303

javascript獲得屏幕的DPI xqdak

arrDPI: Array [ 96, 96 ]

計算筆記本電腦PPI的JavaScript小工具 KimSoft

parseInt(Math.sqrt(Math.pow(this.width, 2) + Math.pow(this.height, 2)) / inch)

iPhone SE 技術規格

屏幕ppi計算器在線

JsDemo - PPI

第一話——什么是 DPI，什么又是 PPI ？ PeterZ

總結

以上是生活随笔為你收集整理的用javascript计算PPI的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。