工具用的順手嗎?
你的回饋能幫助我們做得更好
根據PPI密度,將畫素和毫米相互轉換,支援自定義密度值,適用於UI設計和印刷排版。
概覽
了解工具能解決的問題、計算或處理邏輯,以及資料邊界。
100px並沒有脫離條件的唯一毫米答案。畫素是影象或顯示中的離散取樣單位,毫米是物理長度;兩者之間必須用“每英寸包含多少畫素”建立關係。頁面的密度框標為DPI,換算邏輯則把該數值當作每英寸畫素數使用。預設條件為96,初始畫素值為16,因此初始毫米結果是4.2333。
這個結果表示指定密度下的理論輸出長度。它適合覈對圖片寬高、版面交付尺寸或反算畫布畫素,但不能只憑畫素數推斷某臺螢幕上用尺子量到的長度。
毫米 = 畫素 × 25.4 ÷ 密度
畫素 = 毫米 × 密度 ÷ 25.4
公式中的25.4來自1英寸精確等於25.4毫米。修改PX框會計算MM,修改MM框也會反算PX,不需要另選方向。兩個主輸入框的結果最多保留4位小數並移除末尾多餘的0;頁面下方常用畫素值卡片則顯示到最多3位小數,所以同一數值在兩個位置可能只差顯示位數。
| 輸入條件 | 頁面結果 | 復算過程 |
|---|---|---|
| 16px,96 | 4.2333mm | 16×25.4÷96 |
| 100px,96 | 26.4583mm | 100×25.4÷96 |
| 100px,300 | 8.4667mm | 100×25.4÷300 |
| 10mm,300 | 118.1102px | 10×300÷25.4 |
密度升高時,同樣數量的畫素對應更短的理論長度;目標毫米與密度固定時,所需畫素數則隨密度升高而增加。
PPI通常描述影象或顯示區域每英寸的畫素數量,DPI通常描述輸出裝置每英寸的點數,兩者的物件並不相同。當前密度框雖然寫作DPI,但若任務是圖片尺寸換算,應填專案採用的每英寸畫素數,而不是直接照搬列印裝置的最高點密度。
網頁中的CSS px還有另一套口徑:CSS規範把絕對單位固定為1in=96px,但同時說明螢幕裝置可能錨定參考畫素,因此CSS中的mm不保證與螢幕實測毫米一致。圖片實際畫素、CSS畫素、裝置畫素和列印點應先分清,再選擇密度。
指南
依步驟完成操作,並透過範例核對輸入與結果。
圖片輸出應準備圖片畫素和預期PPI;網頁樣式應先確認數值是否為CSS px;列印交付還要向輸出方確認採用的影象解析度。
在DPI框輸入本次計算使用的每英寸畫素數。不要因為預設是96就假定所有螢幕或印刷任務都採用96。
已知畫素就修改“畫素 (px)”;已知成品長度就修改“毫米 (mm)”。另一側隨輸入變化,並可單獨複製。
反算結果可能是小數畫素。點陣圖畫布通常需要整數尺寸,應按照製作或印刷要求決定向上取整、向下取整還是四捨五入,並保留原始計算條件。
點選重置會恢復16px與密度96。常用數值卡片可快速代入8、12、14、16、18、20、24、32、48或64px。
情境
查看這項工具在不同工作與生活流程中的用法。
設計人員已知成品寬度為50mm,輸出要求為300PPI時,在MM側填50並把密度設為300,可得到590.5512px。隨後按交付規則選取整數畫布,同時分別覈對出血和裁切要求。
交付說明寫著100px與26.4583mm時,把密度設為96即可復算這組對應關係。團隊記錄中同時保留PX、MM和密度,能定位差異來自密度選擇還是舍入。
評估某張點陣圖在特定顯示密度下的理論長度時,可以使用其實際畫素數和對應PPI。若輸入的是CSS佈局寬度,則結果只是CSS單位關係參考,不能替代真機測量。
問答
集中解答常見疑問與容易混淆的問題。
必須先給出密度。在96的條件下,1px約為0.2646mm;在300的條件下,1px約為0.0847mm。只寫“1px”無法確定物理長度。
密度表示一英寸內排入的畫素數量。更多畫素被放進同樣的25.4mm長度,單個畫素對應的理論長度自然更小。
毫米長度與每英寸畫素數相乘後不一定能被25.4整除。計算器保留小數用於複覈,最終整數應由目標畫布或輸出流程的舍入規則決定。
不一定。CSS規定的是單位之間的固定比例,螢幕呈現還受參考畫素、裝置畫素、縮放和觀看條件影響;需要真實物理尺寸時應在目標裝置上校準或測量。
須知
使用前了解適用範圍、結果限制與必要提醒。
密度必須是大於0的有效數值,畫素與毫米纔有物理意義。密度框留空或填0時,頁面會按96計算;負數不會被主動攔截,卻會得到沒有物理意義的負向結果。發現結果異常時,先檢查密度和單位口徑。
推薦
查找相關工具、專題與可用的 API 能力。