使用方法
先选择像素密度口径,再输入CSS像素数,例如96。CSS参考口径下得到25.4毫米,切换到300 DPI打印口径后约为8.128毫米。切换会同步刷新主结果、辅助英寸数、对照表与表头,并清空旧的批量结果。批量区每行一个像素值,用 Ctrl 或 Cmd 加回车执行,单值框按回车提交。
能解决什么
适合对照网页样式中的绝对长度与印前稿件尺寸,也用于澄清「同一段CSS在不同屏幕上物理尺寸不同」的常见困惑。CSS参考像素是规范约定的角度基准,不保证屏幕上的实物长度;打印口径则依赖输出设备的真实DPI。本页不读取屏幕尺寸或设备像素比,也不预览字体与版面。
原理和变量
CSS规范规定一英寸等于96参考像素,一英寸又定义为25.4毫米,因此CSS参考口径下每像素为25.4除96,约0.264583毫米。若按300 DPI打印,每英寸含300个图像像素,每像素为25.4除300,约0.0846667毫米。两种口径的分母不同,结果相差300比96即3.125倍。参考像素、设备像素与图像像素是三种不同概念,不能只凭中文名称互换。
定义参考:单位定义与口径说明。
完整示例
96 CSS像素在CSS参考口径下为25.4毫米,也等于1英寸与72排版点;按300 DPI打印口径则是8.128毫米。192 CSS像素为50.8毫米。若一张300像素宽的图片以300 DPI输出,物理宽度为25.4毫米,但这是图像像素口径,不能套用96参考像素的因子。用25.4除0.264583约等于96,可反向核对。
默认演示值:96 CSS像素 = 25.4 毫米。
输入范围与对照表
对照表随密度口径重算,表头写明当前是CSS参考还是300 DPI打印,默认十二行可展开。复制TSV、下载CSV与批量导出都保留口径文字,避免导出后只剩数字无法复现。批量区只处理合法行,带单位或非有限值的行会指出位置。
输入范围:0 至 1000000000000 CSS像素;默认有效数字为6位,可改为9或12位。像素转毫米按上述单位口径计算。
| CSS像素 | 毫米 |
|---|---|
| 0 | 0 |
| 0.001 | 0.000264583 |
| 0.01 | 0.00264583 |
| 0.1 | 0.0264583 |
| 0.5 | 0.132292 |
| 1 | 0.264583 |
| 2 | 0.529167 |
| 5 | 1.32292 |
| 10 | 2.64583 |
| 20 | 5.29167 |
| 50 | 13.2292 |
| 96 | 25.4 |
结果边界与舍入
允许零至一万亿CSS像素,按非负长度处理。CSS参考像素是规范约定值,实际屏幕物理尺寸还受设备像素比、缩放与观看距离影响;打印结果也取决于输出分辨率设置。本页不换算图像PPI、不推断屏幕毫米,历史排版点定义可能不同。浮点运算与有效数字显示会产生末位舍入。
常见问题
96 CSS像素是多少毫米?
按CSS参考一英寸96像素的定义,等于25.4毫米。
为什么换成300 DPI结果变小?
每英寸的像素数从96增到300,单个像素对应的物理长度按3.125倍缩小。
参考像素等于屏幕硬件像素吗?
不必然。设备像素比与页面缩放会让一个CSS像素映射到多个设备像素。
能直接算图片的打印尺寸吗?
需要图像像素数与输出DPI,本页的CSS参考口径不适用于位图打印。
为什么页面不读取我的屏幕尺寸?
物理长度还依赖缩放与校准条件,本页只做明确口径下的单位换算。
切换口径后批量为何清空?
分母变了,清空可避免旧数值被误标成新口径的结果。
一英寸是72点还是96像素?
一英寸按排版定义为72点,按CSS绝对单位定义为96参考像素,两者都是定义关系。
显示更多位数能量出实物尺寸吗?
不能,物理尺寸取决于输出设备与设置,不是显示精度。
相关工具
- 英寸转英尺:一英尺严格等于十二英寸;国际英寸为25.4毫米,所以一英尺为0.3048米。
- 液量盎司转杯:一美制杯为八美制液量盎司;公制杯常按250毫升计,两者相差约百分之五点七。
- 毫秒转天:一天按八万六千四百秒计,一毫秒为千分之一秒,故一毫秒约等于1.15741乘十的负八次方天。
查看单位换算分类,不同量纲请分开处理。