pt (Point,磅) 是一個物理長度單位,指的是 72 分之一英寸。
px (Pixel,像素)是一個虛擬長度單位,是計算機系統的數字化圖像長度單位,如果 px 要換算成物理長度,需要指定精度
DPI(Dots Per Inch,每英寸像素數),在掃描列印時一般都有 DPI 可選。
Windows 系統預設是 96dpi,Apple 系統預設是 72 dpi。em 是一個相對長度單位,最初是指字母 M 的寬度,故名 em。
現指的是字元寬度的倍數,用法類似百分比,如:0.8em、1.2em、2em 等。
通常 1em = 16px。字號是中文字庫中特有的一種單位,以中文代號表示特定的磅值 pt,便於記憶、表述。
pt 和 px 的換算公式可以根據 pt 的定義得出:
pt = 1 / 72(英寸)、px = 1 / dpi(英寸) 因此 pt = px * 72 / dpi 以 Windows 下的 96dpi 來計算,
pt = px * 72 / 96 = px * 3 / 4
在開發應用程式的過程中,如果有和 UI Team 合作的話,UI Team 會提供明確標示元件的位置與要使用的字型,但是 UI
Team 看的是 px(Pixel),但非所有應用程式開發都使用 px(Pixel),例如有些是使用 pt(Point),當元件被標明大小是 20
px(Pixel) 時,就必須簡單的換算一下。
每英吋有 72 pt(Point),在 Windows 下預設是 96 dpi,所以 1 in = 72 pt = 96 dpi,若是在 Mac 的電腦上,預設是
72 dpi,公式中的 96 就必須用 72 下去替換。
上面提的 DPI 是預設狀態,若只是要抓個大概時可以直接拿來套用,倘若要精準的轉換,則建議取實際解析度處理。
Point 換算 Pixel:
公式:Pixel = Point * dpi / Point
例(一):
42pt * 96dpi / 72pt = 56 Pixel
例(二):
30pt * 96dpi / 72pt = 40 Pixel
Pixel 換算 Point:
公式(一):Point = Pixel * Point / dpi
公式(二):Point = Pixel * 3 / 4
例(一):
56px * 72pt / 96dpi = 42 Point
例(二):
38px * 72pt / 96dpi = 29 Point
實際程式換算,可直接用 Graphics.DpiX 帶入做運算。
Points = Pixels * 72 / g.DpiX; Pixels = Points * g.DpiX / 72
Point | Pixel | em | |
初號 | 42pt | 56px | 3.5em |
小初 | 36pt | 48px | 3em |
34pt | 45px | 2.75em | |
32pt | 42px | 2.55em | |
30pt | 40px | 2.45em | |
29pt | 38px | 2.35em | |
28pt | 37px | 2.3em | |
27pt | 36px | 2.25em | |
一號 | 26pt | 35px | 2.2em |
25pt | 34px | 2.125em | |
24pt | 32px | 2em | |
22pt | 29px | 1.8em | |
20pt | 26px | 1.6em | |
小二 | 18pt | 24px | 1.5em |
17pt | 23px | 1.45em | |
16pt | 22px | 1.4em | |
三號 | 15pt | 21px | 1.3em |
小三 | 14.5pt | 20px | 1.25em |
四號 | 14pt | 19px | 1.2em |
13.5pt | 18px | 1.125em | |
13pt | 17px | 1.05em | |
小四 | 12pt | 16px | 1em |
11pt | 15px | 0.95em | |
五號 | 10.5pt | 14px | 0.875em |
10pt | 13px | 0.8em | |
小五 | 9pt | 12px | 0.75em |
8pt | 11px | 0.7em | |
六號 | 7.5pt | 10px | 0.625em |
7pt | 9px | 0.55em | |
小六 | 6.5pt | 8px | 0.5em |
七號 | 5.5pt | 7px | 0.4375em |
八號 | 5pt | 6px | 0.375em |
Reference:https://dotblogs.com.tw/larrynung/2012/05/27/72424
Reference:http://blog.sina.com.cn/s/blog_673ee2b50100mvxd.html
留言列表