英寸转像素

把英寸换算成 CSS 像素,或把厘米、毫米、磅、派卡反向换回英寸。本页锁定 Web 标准的 96 DPI 参考密度,即 1 英寸等于 96 CSS 像素;打开页面就已填好一组示例,改数值按 Enter 立即重算。

按 Enter 立即换算;可填负数,长度通常取正。
默认 6 位,只允许 0 到 10 的整数。
默认已填示例;非法行会点名行号并说明跳过原因,不会静默归零。

提示:数值框按裸 Enter 触发,批量框按 Ctrl/Cmd + Enter 触发。

换算速查表(每行都由页面算法现场算出)

输入数值换算结果备注

速查表列出正向、反向与跨量级三类换算,默认显示前 12 行,导出与复制都直接取自同一份数据数组,不会漏掉未展开的行。

使用方法

本页把英寸与 CSS 像素的换算做成可反复试算的小工具,默认已填好示例,改动任一输入框都会立刻重算。

  1. 在「数值」框里填要换算的数,例如 8.5(信纸宽度);这是唯一的必填项,按 Enter 键(不加 Ctrl、Cmd 或 Shift)就会立即换算,不必去点按钮。
  2. 用「从」和「换算为」两个下拉框选源单位与目标单位,可选项有英寸、像素、厘米、毫米、磅、派卡、em、rem 八种,任意两两组合都能换算,所以把像素换回英寸也是同一套操作。
  3. 「结果小数位」默认填 6,允许 0 到 10,按 Enter 或改动后结果按新位数重新舍入;位数只改变显示,不改变内部换算用的完整精度。
  4. 「交换单位」把两个下拉框对调并立刻重算,是核对反向结果最快的办法;「复制结果」把当前这一行等式收进剪贴板;「载入示例」把数值、单位、小数位和批量框一起还原成默认样本。
  5. 下方「批量换算」是多行文本框,每行填一个数,按 Ctrl/Cmd + Enter 一次换算整批;非法行会点名第几行、内容是什么,并说明跳过原因,不会悄悄按零处理。

速查表前 12 行直接显示,点「加载更多」展开全部 16 行;可导出带 BOM 的 CSV,或按 TSV 复制整张表。结果区带 role="alert",读屏软件会朗读结果。

能解决什么

第一类是把物理尺寸换算成 Web 设计像素。信纸宽 8.5 英寸、高 11 英寸,在 96 DPI 的屏幕标准下对应 816 × 1056 像素;本页直接给出这组排版常用的整数结果,做网页、海报、打印模板时不必再手算 8.5 × 96。

第二类是核对 CSS 与印刷单位的差异。屏幕用 CSS 像素(96 DPI),印刷用点 pt(1 pt = 1/72 英寸),同一个「1 英寸」在两个体系里对应 96 像素与 72 点,比例 4/3;本页列出像素、厘米、毫米、磅、派卡五列对照,能一眼看出 1 pt = 1.333333 px、1 pc = 16 px,避免把点当成像素。

第三类是凡是能建立在 96 DPI 假设上的同类问题都收敛到同一条公式。把像素、厘米、毫米反向换回英寸只需交换下拉框,无需另记一条系数;注意这依赖 DPI 假设,做印刷稿须改用 300 DPI,本页在原理里明确标注。

英寸转像素这类换算,关键是锁定 Web 标准的 96 DPI 参考密度,写网页或模板时直接用本页结果最稳妥。

原理和变量

CSS 像素是相对单位,约定 1 英寸等于 96 CSS 像素。这是 W3C 的「参考像素」定义,不是屏幕的物理像素。1 CSS 像素被定义为 1/96 英寸,所以换算系数就是 96,是整数、无任何近似。

物理屏幕 DPI 变化时,CSS 像素通过 devicePixelRatio 缩放。同一段 CSS 写 96px,在高密度屏上物理尺寸更小、在低密屏上更大,但「逻辑像素」始终是 1/96 英寸。因此本页给出的像素是「逻辑/参考像素」,不能直接当作屏幕上的物理发光点来量。

任意两单位的通用公式。把 CSS 像素定为基准,给每个单位记一个以像素为单位的系数 F:像素 1、英寸 96、厘米 37.795276、毫米 3.779528、磅 1.333333、派卡 16。换算时先把输入换成像素,再除以目标单位系数,即 out = v × F[from] / F[to]。选英寸换像素时乘以 96,选像素换英寸时除以 96(得 1/96 ≈ 0.0104167),两个方向共用同一套系数,反向结果因此必然能复算回原值。

印刷用「点」pt 与屏幕「像素」px 的比例。1 pt = 1/72 英寸 = 0.0138889 英寸,与 CSS 的 1/96 英寸相比比例为 96/72 = 4/3,故 1 pt = 1.333333 px、1 pc(12 pt)= 16 px。本页同时把 em、rem 按根字号 16 像素计(1 em = 1 rem = 16 px),若你的页面根字号不是 16,请按实际值微调。

完整示例

默认样本是 8.5 英寸(信纸宽),页面加载时结果区直接给出 8.5 英寸 = 816 像素。它不是预先写死的一句话:脚本把 8.5 乘以 96 得到 816,再按六位小数舍入。你把数值改成别的数,或交换两个下拉框,这条等式会立刻被重新算出来。

批量框默认填了五行示例,按 Ctrl/Cmd + Enter 一次列出结果;某行非法时会点名那一行并说明跳过,不会输出一个莫名其妙的零。

对照表

速查表把正向、反向和跨单位三类换算排在一起,共 16 行,默认只显示前 12 行,点「加载更多」展开剩余 4 行。表格的每一行都由脚本用同一条 out = v × F[from] / F[to] 现场算出:输入值取自上面那组示例,结果列算完再按当前小数位格式化,改小数位后整张表跟着变,不会出现两套数字。

备注只标换算方向,不含数值;导出与复制都取自同一份数组,不会漏掉屏幕上未展开的行。所有结果标注「基于 CSS 96 DPI」。

结果边界与舍入

常见问题

为什么 1 英寸等于 96 像素,不是 72 或 300?

96 是 W3C 对 CSS 参考像素的规定:1 px = 1/96 in,所以它就是 96,整数无近似。72 是印刷点 pt 的口径(1 pt = 1/72 in),300 是印刷 DPI 口径;三者针对不同场景,本页锁 Web 标准的 96 DPI,做印刷请改用 300。

CSS 像素是物理像素吗?

不是。CSS 像素是逻辑/参考像素,物理屏幕通过 devicePixelRatio 把它缩放到真实发光点。同一段 96px 在高密屏物理更小、在低密屏物理更大,但逻辑上始终是 1/96 英寸。本页给出的是逻辑像素,不能直接拿去量屏幕物理尺寸。

磅 pt 和像素 px 差多少?

比例固定为 4/3:1 pt = 1/72 英寸,1 px = 1/96 英寸,所以 1 pt = 96/72 = 1.333333 px,1 pc(12 pt)= 16 px。印刷用 pt、屏幕用 px,混排时本页的对照表能帮你在这两套体系间对齐。

反向换算准确吗,能复算回原值吗?

能。反向用的是同一个系数取倒数:像素 = 英寸 × 96,英寸 = 像素 ÷ 96。例如 96 像素得 1 英寸,再换回像素得 96。点「交换单位」即可现场验证,看到的差异只来自显示小数位,不是公式出了偏差。

做印刷稿能用这个 96 DPI 结果吗?

不能直接用。印刷通常按 300 DPI,1 英寸 = 300 像素,与屏幕的 96 相差 3.125 倍。本页结果标注「基于 CSS 96 DPI」,印刷场景请把像素数乘以 300/96(约 3.125)换算到 300 DPI,或等专门的印刷工具。

小数位改动会改变结果吗?

不会改变内部数值,只改变显示。默认 6 位,允许 0 到 10;脚本用完整精度算完,再按你选的位数格式化。把它调到 2 位看概数、调回 6 位看细节,等式两边的真实值始终一致,点「复制结果」也会带上当前位数。

输入文字、留空或超大数会怎样?

都会给具体报错,不会静默归零。数值为空或不是数字、小数位不在 0 到 10、数值超出正负一千万亿,分别有各自的提示文案并停止换算;批量框里某一行非法,会点名第几行和那一行的原文,说明跳过原因,其余合法行照常换算,绝不把坏数据补成零。

换算会上传吗,为什么和别处差一点?

不会。全部计算在浏览器本地完成,页面不发起网络请求,也不写 Cookie 或本地存储。若与别处数值在末位略有出入,多半是对方用了四舍五入到三位的系数 37.795,而本页用完整定义常数;以系数推导式为准即可对齐,不必怀疑反向换算本身。

相关工具

下面三个工具都与把排版或数值整理清楚有关,按需取用,内链均为站内已上线页面。