使用方法
本页把英寸与 CSS 像素的换算做成可反复试算的小工具,默认已填好示例,改动任一输入框都会立刻重算。
- 在「数值」框里填要换算的数,例如
8.5(信纸宽度);这是唯一的必填项,按 Enter 键(不加 Ctrl、Cmd 或 Shift)就会立即换算,不必去点按钮。 - 用「从」和「换算为」两个下拉框选源单位与目标单位,可选项有英寸、像素、厘米、毫米、磅、派卡、em、rem 八种,任意两两组合都能换算,所以把像素换回英寸也是同一套操作。
- 「结果小数位」默认填 6,允许 0 到 10,按 Enter 或改动后结果按新位数重新舍入;位数只改变显示,不改变内部换算用的完整精度。
- 「交换单位」把两个下拉框对调并立刻重算,是核对反向结果最快的办法;「复制结果」把当前这一行等式收进剪贴板;「载入示例」把数值、单位、小数位和批量框一起还原成默认样本。
- 下方「批量换算」是多行文本框,每行填一个数,按 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,再按六位小数舍入。你把数值改成别的数,或交换两个下拉框,这条等式会立刻被重新算出来。
- 正向:8.5、11、1、2、5 英寸分别得到 816、1056、96、192、480 像素;其中 11 英寸是信纸高,对应 1056 像素,是排版常用校验点。
- 反向:1 像素换回 0.0104167 英寸、96 像素换回 1 英寸。把 1 英寸换出的 96 像素再换回英寸,得到 1,误差只在显示位数上。
- 跨单位:1 厘米 = 37.795276 像素、1 毫米 = 3.779528 像素、1 磅 = 1.333333 像素、1 派卡 = 16 像素。这些结果都由同一套系数算出,不是单独背下来的常数。
批量框默认填了五行示例,按 Ctrl/Cmd + Enter 一次列出结果;某行非法时会点名那一行并说明跳过,不会输出一个莫名其妙的零。
对照表
速查表把正向、反向和跨单位三类换算排在一起,共 16 行,默认只显示前 12 行,点「加载更多」展开剩余 4 行。表格的每一行都由脚本用同一条 out = v × F[from] / F[to] 现场算出:输入值取自上面那组示例,结果列算完再按当前小数位格式化,改小数位后整张表跟着变,不会出现两套数字。
备注只标换算方向,不含数值;导出与复制都取自同一份数组,不会漏掉屏幕上未展开的行。所有结果标注「基于 CSS 96 DPI」。
结果边界与舍入
- 输入范围:数值框允许负一千万亿到正一千万亿,超出会给出具体越界提示并停止换算,不会截断成一个相近的大数。长度通常取非负,负数在数学上仍可换算,本页照实计算并保留符号。
- 零值:0 是合法输入,结果为 0,不会被当成非法值补零。
- 舍入:显示用固定小数位,默认 6 位,按四舍五入处理;内部始终用完整双精度浮点数计算,先算完再格式化,不会把中间结果提前截断。把小数位调到 0 会看到整数结果,调回 6 又恢复,数值本身没变。
- DPI 假设:本页锁 96 DPI(Web/屏幕标准)。若做印刷稿须改用 300 DPI(1 英寸 = 300 像素),请在结果上按 300/96 比例自行换算,或等待专门的印刷换算工具。
- 量级显示:超大或超小的结果自动改用科学计数法;日常量级仍用带千分位的写法。
- 不联网:所有换算、批量处理、表格生成与复制都在当前浏览器内完成,页面不发请求、不写 Cookie,也不把数值存进本地存储。
常见问题
为什么 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,而本页用完整定义常数;以系数推导式为准即可对齐,不必怀疑反向换算本身。
相关工具
下面三个工具都与把排版或数值整理清楚有关,按需取用,内链均为站内已上线页面。