工具用的顺手吗?
你的反馈能帮助我们做得更好
根据屏幕 PPI,将像素数值转换为英寸物理长度,支持双向换算,适用于设计、打印与前端开发。
概览
了解工具能解决的问题、计算或处理逻辑,以及数据边界。
像素是离散图像或显示采样的数量,英寸是物理长度;两者之间没有脱离密度的固定换算。页面使用可调的 DPI 数值作为“每英寸对应多少像素”的比例因子。若讨论数字图像或屏幕,严格说 PPI(pixels per inch)更贴切;界面沿用常见的 DPI 标签。
英寸 = 像素 ÷ DPI
像素 = 英寸 × DPI
默认密度为 96。修改像素会立即更新英寸,修改英寸也会反算像素;显示结果最多保留 4 位小数并去掉末尾多余的零。下方常用数值按钮按当前密度计算,卡片中最多显示 3 位小数。
W3C 的 CSS 单位体系固定规定 1 CSS in = 96 CSS px,所以在网页排版语境中,96 是规范比例,不等于你的显示面板恰好每英寸有 96 个硬件像素。浏览器缩放、系统缩放和高密度屏幕会改变 CSS 像素与设备像素的映射。
用于照片打印或屏幕实物尺寸估算时,应输入目标图像、输出流程或设备的实际 PPI/DPI;用于纯 CSS 长度换算时,可使用 96。先明确“图像像素、设备像素还是 CSS px”,比记住某个常用密度更重要。
指南
按步骤完成操作,并通过示例核对输入与结果。
网页 CSS 换算可从 96 开始;照片打印或特定屏幕估算应使用工作流或设备给出的密度。
DPI 为分母,必须大于 0 才有有意义的英寸结果。页面在空值、0 或无法解析时会回退到 96,因此不要把回退结果误当作你输入的 0 DPI。
已知像素就填左侧,已知英寸就填右侧;另一侧自动更新。切换输入方向时,最后编辑的一侧是新的计算起点。
单独保存结果没有上下文。交付尺寸时同时写明像素、英寸和所用密度,例如“3000 px,在 300 PPI 下为 10 in”。
场景
查看这项工具在不同工作与生活流程中的用法。
按规范比例,1920 CSS px ÷ 96 = 20 CSS in。这个结果描述 CSS 单位关系,不保证尺子量屏幕就是 20 英寸。
目标宽 10 英寸、密度 300 PPI 时,需要 10 × 300 = 3000 像素。高度应再用同一方法独立计算。
已知面板真实 PPI 和横向设备像素数时,可估算一个位图在 1:1 像素映射下的理论宽度;系统缩放或应用缩放会让实际显示尺寸不同。
问答
集中解答高频疑问与容易混淆的问题。
必须先说明语境。CSS 单位中固定为 96 CSS px;图像或设备物理尺寸中则等于所采用的 PPI 数值。
不完全可以。PPI 描述每英寸像素数,DPI 常描述输出设备每英寸点数;本页公式只把输入值当作每英寸密度因子,使用时应按场景填写正确指标。
因为 16 ÷ 96 = 1/6 英寸,页面把结果四舍五入显示到最多 4 位小数,所以显示 0.1667。
单独修改本页 DPI 不会改动任何图片文件。它只改变同一像素数对应的理论英寸,或根据目标英寸反算所需像素。
须知
使用前了解适用范围、结果限制与必要提醒。
这是单一长度维度的数值换算,不会读取图片元数据、改变分辨率、重采样文件、校准显示器或控制打印机。
推荐
查找相关工具、专题与可用的 API 能力。