如果這個工具幫到了你,可以請作者喝杯咖啡 ☕
為設計師和開發者提供的畫素(PX)與點(PT)單位換算工具,支援自定義PPI,用於字型排版與佈局適配。
在跨螢幕與印刷媒介的設計開發中,你是否困惑於不同單位(PX與PT)的尺寸對應關係?本工具透過物理換算公式,將數字螢幕的畫素單位(PX)精確轉換為印刷或排版用的點單位(PT)。一個點(PT)是印刷行業的標準單位,定義為1/72英寸。其核心轉換公式為:PT = PX × (72 / PPI),其中PPI(Pixels Per Inch,每英寸畫素數)是連線螢幕解析度與物理尺寸的關鍵橋樑。
問:在CSS中,1px等於多少pt?
答:沒有固定值,取決於裝置的PPI。在標準96 PPI的螢幕上,1px ≈ 0.75pt(計算方式:1 × (72/96))。
問:為何相同的PX值,在不同PPI下轉換出的PT值不同?
答:因為PT是物理尺寸單位(1/72英寸),而PX是裝置相關的邏輯畫素。PPI越高,意味著每英寸內畫素越密集,單個畫素的物理尺寸就越小,因此轉換為相同的物理長度(PT)所需的畫素數就越多,反之亦然。轉換正是透過PPI來校準這種物理尺寸關係的。
請確保輸入的數值為有效數字。PPI值必須為正數,它直接影響轉換的準確性。此工具進行的是基於物理尺寸的數學換算,結果適用於設計稿尺寸匹配、跨媒介排版等場景,但最終顯示效果仍受具體裝置、作業系統和渲染引擎的細微差異影響。工具不儲存或上傳任何輸入資料。
對於Web開發,通常使用96 PPI進行換算,這與CSS規範中“1pt = 1.333px”的近似關係對應(72pt / 96ppi = 0.75px/pt,倒數約為1.333)。在移動端高畫質屏適配時,需注意邏輯畫素與物理畫素的區別,本工具處理的是與CSS畫素對應的邏輯畫素(px)的轉換。一個典型示例:為印刷品設計時,若要求正文為12pt,且印刷精度為300 PPI,則對應的影象畫素高度應為12pt × (300ppi / 72) = 50px。