根据PPI密度,将像素和毫米相互转换,支持自定义密度值,适用于UI设计和印刷排版。
工具用的顺手吗?
你的反馈能帮助我们做得更好
概览
了解工具能解决的问题、计算或处理逻辑,以及数据边界。
100px并没有脱离条件的唯一毫米答案。像素是图像或显示中的离散采样单位,毫米是物理长度;两者之间必须用“每英寸包含多少像素”建立关系。页面的密度框标为DPI,换算逻辑则把该数值当作每英寸像素数使用。默认条件为96,初始像素值为16,因此初始毫米结果是4.2333。
这个结果表示指定密度下的理论输出长度。它适合核对图片宽高、版面交付尺寸或反算画布像素,但不能只凭像素数推断某台屏幕上用尺子量到的长度。
毫米 = 像素 × 25.4 ÷ 密度
像素 = 毫米 × 密度 ÷ 25.4
公式中的25.4来自1英寸精确等于25.4毫米。修改PX框会计算MM,修改MM框也会反算PX,不需要另选方向。两个主输入框的结果最多保留4位小数并移除末尾多余的0;页面下方常用像素值卡片则显示到最多3位小数,所以同一数值在两个位置可能只差显示位数。
| 输入条件 | 页面结果 | 复算过程 |
|---|---|---|
| 16px,96 | 4.2333mm | 16×25.4÷96 |
| 100px,96 | 26.4583mm | 100×25.4÷96 |
| 100px,300 | 8.4667mm | 100×25.4÷300 |
| 10mm,300 | 118.1102px | 10×300÷25.4 |
密度升高时,同样数量的像素对应更短的理论长度;目标毫米与密度固定时,所需像素数则随密度升高而增加。
PPI通常描述图像或显示区域每英寸的像素数量,DPI通常描述输出设备每英寸的点数,两者的对象并不相同。当前密度框虽然写作DPI,但若任务是图片尺寸换算,应填项目采用的每英寸像素数,而不是直接照搬打印设备的最高点密度。
网页中的CSS px还有另一套口径:CSS规范把绝对单位固定为1in=96px,但同时说明屏幕设备可能锚定参考像素,因此CSS中的mm不保证与屏幕实测毫米一致。图片实际像素、CSS像素、设备像素和打印点应先分清,再选择密度。
指南
按步骤完成操作,并通过示例核对输入与结果。
图片输出应准备图片像素和预期PPI;网页样式应先确认数值是否为CSS px;打印交付还要向输出方确认采用的图像分辨率。
在DPI框输入本次计算使用的每英寸像素数。不要因为默认是96就假定所有屏幕或印刷任务都采用96。
已知像素就修改“像素 (px)”;已知成品长度就修改“毫米 (mm)”。另一侧随输入变化,并可单独复制。
反算结果可能是小数像素。位图画布通常需要整数尺寸,应按照制作或印刷要求决定向上取整、向下取整还是四舍五入,并保留原始计算条件。
点击重置会恢复16px与密度96。常用数值卡片可快速代入8、12、14、16、18、20、24、32、48或64px。
场景
查看这项工具在不同工作与生活流程中的用法。
设计人员已知成品宽度为50mm,输出要求为300PPI时,在MM侧填50并把密度设为300,可得到590.5512px。随后按交付规则选取整数画布,同时分别核对出血和裁切要求。
交付说明写着100px与26.4583mm时,把密度设为96即可复算这组对应关系。团队记录中同时保留PX、MM和密度,能定位差异来自密度选择还是舍入。
评估某张位图在特定显示密度下的理论长度时,可以使用其实际像素数和对应PPI。若输入的是CSS布局宽度,则结果只是CSS单位关系参考,不能替代真机测量。
问答
集中解答高频疑问与容易混淆的问题。
必须先给出密度。在96的条件下,1px约为0.2646mm;在300的条件下,1px约为0.0847mm。只写“1px”无法确定物理长度。
密度表示一英寸内排入的像素数量。更多像素被放进同样的25.4mm长度,单个像素对应的理论长度自然更小。
毫米长度与每英寸像素数相乘后不一定能被25.4整除。计算器保留小数用于复核,最终整数应由目标画布或输出流程的舍入规则决定。
不一定。CSS规定的是单位之间的固定比例,屏幕呈现还受参考像素、设备像素、缩放和观看条件影响;需要真实物理尺寸时应在目标设备上校准或测量。
须知
使用前了解适用范围、结果限制与必要提醒。
密度必须是大于0的有效数值,像素与毫米才有物理意义。密度框留空或填0时,页面会按96计算;负数不会被主动拦截,却会得到没有物理意义的负向结果。发现结果异常时,先检查密度和单位口径。
推荐
查找相关工具、专题与可用的 API 能力。