在线工具

工具箱 › 图片 › 字号单位换算

字号与长度单位换算

在线换算 px、pt、pc、英寸、毫米、厘米与 em、rem,按 96 DPI 给出全部单位数值与 CSS 片段,用于把设计稿标注对应到代码。

px 与 pt 为什么会差

pt 是印刷单位,1pt = 1/72 英寸,按 96 DPI 算:1 inch = 96px = 72pt,所以 1pt = 1.3333px。

把 pt 的数值直接当 px 用,在 96 DPI 的屏幕上就会偏小 —— 这是设计稿标注与网页实现对不上的最常见原因。

em 与 rem 的换算基准

em 相对于**父元素**的字号,rem 相对于根元素(html)的字号。表格里按根字号 16px 换算 —— 这是现在最常见的默认值。

如果你的项目把 html 字号设成了 14px,rem 的实际值要按 14 重新算;em 则要看用到它的那个元素当时的字号。

常见问题

PPT 里用 pt、Web 里用 px,怎么换算最省事

按 96 DPI 换算:pt × 4/3 = px。16pt 的标题就是 21.33px,通常取 21px 或 22px。

DPI 不是 96 怎么办

PPT 默认按屏幕显示导出时是 96 DPI;印印制版常见的是 300 DPI,那时 1 英寸 = 300px,换算比例完全不同。本工具只覆盖屏幕场景。