如果這個工具幫到了你,可以請作者喝杯咖啡 ☕
根據螢幕 PPI,將畫素數值轉換為英寸物理長度,支援雙向換算,適用於設計、列印與前端開發。
一臺 96 DPI 的普通顯示器上,1920 畫素的寬度正好是 20 英寸。可是一臺 326 PPI 的手機螢幕上,1920 畫素卻只有不到 6 英寸。這就是畫素和英寸之間最大的“秘密”——同樣的畫素數,在不同螢幕上對應的物理尺寸完全不同,而鑰匙就是每英寸點數(DPI)或每英寸畫素數(PPI)。
畫素是數字顯示的最小單元,而英寸是實打實的長度單位。把它們聯絡起來的就是 PPI 或 DPI——每英寸裡能塞下多少畫素。公式很簡單:英寸 = 畫素 ÷ PPI。反過來,畫素 = 英寸 × PPI。我們的頁面轉換器就圍繞這一對公式工作,你只需要在一個輸入框裡填已知的數值,另一個就會自動算出。
你可以把它看作一把“螢幕尺子”:再也不用拿著實物比劃螢幕了,直接輸入你要的畫素或英寸,再加上裝置引數,長度馬上就出來。
整個頁面很輕,核心只有三個輸入框,沒有多餘的步驟。使用時可以按這個順序來:
我們一起來走一個實際工作裡的例子。UI 設計規範裡經常會說“按鈕高度不小於 44 pt 或 48 dp”,但在設計稿上我們拿到的是畫素值。假設你正在給 460 PPI 的 iPhone 14 Pro 做介面,設計師給了按鈕高度 50 px,你想確認它在真實螢幕上的物理大小是否足夠手指觸控。
換算過程:英寸 = 50 px ÷ 460 PPI ≈ 0.1087 英寸,也就是大約 2.76 毫米。一般認為成年人手指平均觸控面積在 7–10 毫米,這個高度偏小一點,考慮調整為 60 px 就會變成約 3.31 毫米,更符合人體工學。這樣你不用等到真機測試,在設計階段就能預判互動尺寸是否合理。
再往列印場景走一次。你要列印一幅 300 DPI 的畫,希望實物寬度控制在 10 英寸。直接在“英寸”框填 10,“DPI”框填 300,“畫素”框立刻提示影象寬度應為 3000 px。這個功能在匯出列印檔案時特別好用,省去手算的麻煩。
爲了讓你對 PPI 的影響更有感覺,我們再用同一個畫素數 100 px,換上三種裝置引數,看物理尺寸差多少:
可以看到,同樣 100 個畫素,在手機上只有半釐米多一點,而在顯示器上有快 3 釐米。這就是為什麼一份為手機做的設計圖直接搬到顯示器上去看,感覺特別“大”,因為兩者的 PPI 環境完全不同。轉換器的作用就是把這些差異拉平到一個統一的物理長度上,讓你用同樣的“尺子”去衡量所有螢幕。
下表列出了一些場景裡會用到的典型裝置引數,方便你快速參考,不用每次都去查。填 DPI 時直接抄過去就行。
| 裝置 / 場景 | 典型 PPI / DPI | 備註 |
|---|---|---|
| 常規桌面顯示器 | 96–110 | 多數 24 英寸 1080p 顯示器 |
| 2K 筆記本 / 外接屏 | 140–160 | 14 英寸 2560×1440 常見 |
| 4K 顯示器(27–32 英寸) | 約 163 | 如 LG UltraFine 系列 |
| iPhone 14 / 15 系列 | 460 | Super Retina XDR 屏 |
| iPad Pro(11 英寸) | 264 | 通用數值 |
| 主流安卓手機 | 390–460 | 視型號不同,可查官網 |
| 鐳射列印 / 噴墨列印 | 300 | 高品質列印常用解析度 |
| 網頁設計 CSS 參考 | 96 | W3C 標準參考畫素密度 |
如果沒有在表裏找到你的裝置,可以到廠商官方規格表裏找“畫素密度”或“PPI”這一項。填進“DPI”輸入框就行,轉換器不區分 PPI 和 DPI,兩者在這裏作用完全一樣。
拿到英寸數字之後,你可能還希望有一個更直觀的感覺。簡單記一下:1 英寸 ≈ 2.54 釐米 ≈ 25.4 毫米。所以看到 0.5 英寸,心裏大約就是 1.27 釐米。
從應用決策角度來說:
你在轉換器裡得到的結果,就是這個介面元素印在螢幕上真實的物理大小。結合直尺在螢幕上比劃一下,或者再換算成毫米,就能判斷它在真實裝置上的觀感。
1 英寸等於多少畫素,有沒有固定答案?
沒有唯一的答案,必須看裝置的 PPI 或 DPI。96 PPI 的裝置上 1 英寸是 96 px,326 PPI 的裝置上 1 英寸是 326 px。這正是為什麼需要這個轉換器——把“畫素→英寸”由裝置引數決定這一點直觀地體現出來。
這個工具裡的 DPI 和 PPI 到底是不是同一個東西?
在轉換器裡,你可以把它們當成同一個輸入引數來用。嚴格來說,PPI 通常指螢幕畫素密度,DPI 指列印點密度,但對我們“畫素 ↔ 英寸”的換算而言,公式和結果完全相同,輸入框裡填哪個都不影響輸出。
不知道裝置 PPI 怎麼辦?
最簡單的方法是搜尋裝置型號加上“畫素密度”或“PPI”。如果實在找不到,可以參考前面速查表裏同類型裝置的典型值,誤差通常在可接受範圍內。也可以拿已知物理尺寸(比如螢幕寬度)和解析度反向估算,但直接查官方資料更省心。
為什麼我算出來的英寸數感覺偏大或偏小?
檢查一下有沒有把裝置畫素和 CSS 畫素搞混。如果你是在瀏覽器裡進行網頁設計,試試把 DPI 設成 96,可能會更接近瀏覽器渲染的實際尺寸。
這個轉換器可以用來算出列印檔案尺寸嗎?
完全可以。把 DPI 設成列印所需的解析度(通常是 300),再用英寸輸入你想要的實物尺寸,就能得到需要匯出的畫素寬度和高度。反過來也可以從現有畫素推算最大列印尺寸。
結果可以精確到多少位,誤差大嗎?
轉換器本身的計算採用雙精度浮點數,你看到的結果是數學上精確的值,保留幾位小數取決於輸入。最終的物理精度還是取決於你填入的 PPI 準確性,所以引數越準,結果越可靠。
這個轉換工具提供的是基於 PPI / DPI 的純數值換算,不涉及真實影象縮放、螢幕硬體校準或色彩管理。計算結果代表理論物理尺寸,實際眼睛看到的尺寸還可能受觀看距離、螢幕渲染方式等影響。
現在你可以在上方的轉換器裡試試自己的數字——隨便找一個你正在做的設計稿上的畫素,加上手頭裝置的 PPI,看看它到底有多大。