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

 

本表中 pt 的計算基於 96dpi
  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

arrow
arrow
    文章標籤
    [Point][Pixel] [pt][px][em]
    全站熱搜

    mitblog 發表在 痞客邦 留言(0) 人氣()