分辨率DPI转换器
分辨率 DPI 转换器，在像素尺寸与物理尺寸间互转并支持 DPI/PPI 计算，辅助印刷与屏幕图像输出。
🔄 Image DPI/PPI Converter
Convert between pixel and physical dimensions and work out DPI/PPI for accurate print and screen output.
📐 计算公式 / 原理
像素 = 英寸 × DPI；英寸 = 像素 / DPI（数字图像中 PPI 与 DPI 同义）
基于分辨率定义：DPI/PPI 表示每英寸包含的像素数，像素尺寸与物理尺寸按 DPI 线性互换；用于印刷排版与屏幕输出的尺寸核对。
📜 历史记录
暂无历史记录
📐 常见打印尺寸像素对照表 (300 DPI)
| 尺寸 (英寸) | 尺寸 (mm) | 像素 (宽×高) | 用途 |
|---|---|---|---|
| 1×1.5 | 25×38 | 300×450 | 一寸证件照 |
| 1.5×2 | 38×51 | 450×600 | 二寸证件照 |
| 4×6 | 102×152 | 1200×1800 | 6寸照片 |
| 5×7 | 127×178 | 1500×2100 | 7寸照片 |
| 8×10 | 203×254 | 2400×3000 | 10寸照片 |
| 11×14 | 279×356 | 3300×4200 | 14寸相框 |
| 16×20 | 406×508 | 4800×6000 | 20寸海报 |
| 24×36 | 610×914 | 7200×10800 | 36寸海报 |
🖥️ 常见屏幕分辨率与PPI
| 设备 | 分辨率 | 尺寸 | PPI |
|---|---|---|---|
| iPhone 14 Pro | 2556×1179 | 6.1" | 460 |
| iPhone 15 Pro Max | 2796×1290 | 6.7" | 460 |
| Samsung S24 Ultra | 3120×1440 | 6.8" | 505 |
| iPad Pro 11" | 2388×1668 | 11" | 264 |
| iPad Pro 12.9" | 2732×2048 | 12.9" | 264 |
| MacBook Air 13" | 2560×1664 | 13.6" | 224 |
| MacBook Pro 16" | 3456×2234 | 16.2" | 254 |
| 24" 4K 显示器 | 3840×2160 | 24" | 183 |
| 27" 4K 显示器 | 3840×2160 | 27" | 163 |
| 27" 5K 显示器 | 5120×2880 | 27" | 218 |
| 32" 4K 显示器 | 3840×2160 | 32" | 138 |
💡 DPI 知识
- DPI (Dots Per Inch)：每英寸点数，用于打印，指打印头每英寸喷多少墨点
- PPI (Pixels Per Inch)：每英寸像素数，用于屏幕，指屏幕每英寸有多少像素
- 打印建议：高质量照片打印建议 300 DPI，最低不要低于 150 DPI
- 网络图片：网页和社交媒体通常 72 PPI 或 96 PPI 即可
- Retina屏幕：苹果Retina屏幕约 220-500 PPI，人眼无法分辨单个像素
- 像素与尺寸公式：像素 = 英寸 × DPI，英寸 = 像素 ÷ DPI
🖨️ 打印质量参考
| DPI | 质量等级 | 适用场景 |
|---|---|---|
| 72 DPI | 低 | 屏幕显示、网页 |
| 150 DPI | 一般 | 大幅海报（远距离观看） |
| 200 DPI | 良好 | 普通印刷品 |
| 300 DPI | 优秀 | 高质量照片、杂志、画册 |
| 600 DPI | 顶级 | 专业印刷、艺术微喷 |
📚 深度解析：图片 DPI 转换
💡 常见使用场景
- 网页图转打印 300DPI。
- 确认输出尺寸。
- 印刷前校尺寸。
设 300 DPI A4
<p><strong>输入：</strong>图 2480×3508、目标 300DPI。</p><p><strong>处理：</strong>换算物理尺寸。</p><p><strong>输出：</strong>A4 物理尺寸与重采样图。结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。</p>
❓ 常见问题（FAQ）
- DPI 影响清晰吗？
- DPI 决定打印尺寸下的像素密度；屏幕显示只看像素数。结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。
- 处理大图会卡吗？
- 在浏览器本地用 Canvas 完成，图越大越占内存；建议先缩到合适尺寸再处理，数据不上传。
- 会保存或上传我的内容吗？
- 结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。
⚠️ 使用说明与注意事项
- 本工具纯前端运行，数据不会上传到服务器
- 建议在主流浏览器（Chrome/Safari/Firefox/Edge）中使用
- 计算结果仅供参考，请以实际应用场景为准
▼
工具简介
分辨率DPI转换器。设计创意工具，可视化操作，一键生成 CSS 代码。
功能特点
- 可视化操作，所见即所得
- 支持实时预览与调试
- 一键复制 CSS 代码
- 纯前端运行，无需安装
使用场景
- 前端开发中的样式设计
- UI 设计师配色与布局参考
- 快速生成 CSS 效果代码
- 设计灵感探索与原型制作
如何使用分辨率DPI转换器
- 在对应的输入框或选项中填写、选择所需参数。
- 点击「计算」或「生成」按钮运行。
- 在结果区查看输出，可复制结果或导出使用。
参数说明
- 宽度 (像素)
- 高度 (像素)
- DPI / PPI
- 宽度
- 高度
- 屏幕对角线
适用场景
设计稿标注、配色与排版相关的快速参考。
常见问题
- 分辨率DPI转换器是做什么的？
- 分辨率 DPI 转换器，在像素尺寸与物理尺寸间互转并支持 DPI/PPI 计算，辅助印刷与屏幕图像输出。
- 如何使用分辨率DPI转换器？
- 在对应的输入框或选项中填写、选择所需参数，点击「计算」或「生成」按钮即可运行，结果会在结果区实时显示，支持复制与导出。
- 计算结果准确吗？
- 本工具在你的本地浏览器中实时计算，不依赖服务器；只要输入的参数正确，结果即按对应的规则得出。涉及经验估算的部分仅供参考，不作为正式依据。
- 分辨率DPI转换器适合哪些场景？
- 设计稿标注、配色与排版相关的快速参考。
- 使用本工具需要联网或上传数据吗？
- 不需要。所有计算均在你的设备本地完成，数据不会上传到任何服务器，可放心使用。