像素转换速查表 — 各常见 DPI 下的 px 转 mm/cm/inch

Screen Ruler TeamApril 28, 202612 min read
pixel conversion cheat sheetpx to mm tablepixel to inch tabledpi conversion chart

一份面向设计师、开发者、摄影师,以及任何在数字像素与实体打印之间搬运内容的人的实用参考。复制下面的表格,收藏这个页面,或者在需要查表里没有的值时打开 Pixel Converter

下方表格基于标准换算关系 1 inch = 25.4 mmpixels = inches × DPI。如果你的输出介质用的是表中没有的 DPI,把数字填进转换器的 Custom DPI 选项即可立即得到答案。

1. 常见 DPI 下的像素转毫米

最常被问到的转换。在给定的输出分辨率下,一个像素数对应多少毫米?

Pixels 72 DPI 96 DPI (web) 150 DPI 300 DPI (print) 600 DPI
1 0.35 0.26 0.17 0.085 0.042
10 3.53 2.65 1.69 0.85 0.42
50 17.64 13.23 8.47 4.23 2.12
100 35.28 26.46 16.93 8.47 4.23
250 88.19 66.15 42.33 21.17 10.58
500 176.39 132.29 84.67 42.33 21.17
800 282.22 211.67 135.47 67.73 33.87
1000 352.78 264.58 169.33 84.67 42.33
1920 677.33 508.00 325.12 162.56 81.28
2400 846.67 635.00 406.40 203.20 101.60

怎么读这张表:在 96 DPI(CSS web 像素)下,100 像素大约 26 mm —— 差不多是一枚美国 quarter 硬币的宽度。在 300 DPI 打印时,同样的 100 像素只有约 8 mm —— 大概一根小指指甲的宽度。同样的像素数,打印出来小三倍,因为点排得更密。

2. 常见 DPI 下的像素转英寸

同样的换算用英寸表示,方便对接美/英打印规格和产品包装。

Pixels 72 DPI 96 DPI 150 DPI 300 DPI 600 DPI
72 1.0000 0.7500 0.4800 0.2400 0.1200
96 1.3333 1.0000 0.6400 0.3200 0.1600
150 2.0833 1.5625 1.0000 0.5000 0.2500
300 4.1667 3.1250 2.0000 1.0000 0.5000
600 8.3333 6.2500 4.0000 2.0000 1.0000
1024 14.2222 10.6667 6.8267 3.4133 1.7067
1920 26.6667 20.0000 12.8000 6.4000 3.2000
3000 41.6667 31.2500 20.0000 10.0000 5.0000
6000 83.3333 62.5000 40.0000 20.0000 10.0000

对角线规律:当像素数等于 DPI 时,正好等于 1 英寸 —— 这就是 DPI 的定义。96 px @ 96 DPI = 1 inch;300 px @ 300 DPI = 1 inch。

3. 毫米转像素 —— 打印规格目标

当印刷厂给出的规格是毫米,而你需要知道源文件应该是多少像素时用这个。

Target size (mm) 150 DPI 300 DPI 600 DPI
10 59 118 236
25 148 295 591
50 295 591 1181
100 591 1181 2362
150 886 1772 3543
210 1240 2480 4961
297 1754 3508 7016

为什么是 210 和 297:这是 A4 纸的短边和长边。所以一张满版 A4 在 300 DPI 下打印需要 2480 × 3508 px —— 大约 870 万像素的源数据。现在的手机相机基本都能搞定。

4. 英寸转像素 —— 常见打印尺寸

标准照片和印刷品尺寸,按典型的 300 DPI 印刷标准换算。

Size (inches) Pixels (300 DPI)
4 × 6 (postcard) 1200 × 1800
5 × 7 1500 × 2100
8 × 10 2400 × 3000
8.5 × 11 (US Letter) 2550 × 3300
11 × 14 3300 × 4200
13 × 19 3900 × 5700
16 × 20 4800 × 6000
20 × 30 6000 × 9000
24 × 36 (poster) 7200 × 10800
30 × 40 9000 × 12000

相机视角校核:一台 24 MP 相机(6000 × 4000 px)在 300 DPI 下原生最多能打到约 20 × 13.3 英寸。再大就要插值放大 —— 远看的打印还行,但用于画廊级清晰度就不够了。

5. 常见屏幕分辨率换算成实际尺寸(96 DPI)

当你需要把浏览器视口尺寸和真实世界的距离做对比时用。

Resolution Width (mm) Width (inches) Use case
320 px 84.67 3.33 旧款手机竖屏视口(CSS 参考)
375 px 99.22 3.91 iPhone X 风格竖屏视口
768 px 203.20 8.00 iPad 竖屏视口
1024 px 270.93 10.67 iPad 横屏 / 老款笔记本
1280 px 338.67 13.33 常见笔记本
1440 px 381.00 15.00 大尺寸笔记本
1920 px 508.00 20.00 Full HD 桌面
2560 px 677.33 26.67 QHD 显示器
3840 px 1016.00 40.00 4K 显示器(100% 缩放)

显示缩放注意:4K 显示器开 200% 系统缩放时,3840 px 在视觉上等同于 1080p 显示器上的 1920 px —— 所以用户看到的物理宽度更接近 50 cm,而不是 100。CSS 像素和 96 DPI 假设已经处理了这个;上表展示的是纯数学换算的结果。

6. 设备 PPI 速查(真实物理像素密度)

当你拿一把实体尺子去量真机,实际 PPI 远高于 96。这是设备厂商真正塞进屏幕的密度 —— 在某块特定屏幕上做物理 1:1 校准时会用到。

Device Resolution Physical size Real PPI
iPhone 16 Pro 2622 × 1206 6.3 inch diag 460
iPhone 15 / 14 2556 × 1179 6.1 inch diag 460
iPhone SE (3rd gen) 1334 × 750 4.7 inch diag 326
Samsung Galaxy S24 Ultra 3120 × 1440 6.8 inch diag 505
iPad Pro 12.9 (M4) 2752 × 2064 13 inch diag 264
iPad Air 2360 × 1640 11 inch diag 264
MacBook Pro 14 (M4) 3024 × 1964 14.2 inch diag 254
MacBook Air 13 (M3) 2560 × 1664 13.6 inch diag 224
Dell UltraSharp 27" 4K 3840 × 2160 27 inch diag 163
24" 1080p monitor 1920 × 1080 24 inch diag 92
27" 1440p monitor 2560 × 1440 27 inch diag 109

为什么这件事重要:当 CSS 要求 1in 宽度时,浏览器画的是 96 个 CSS 像素,跟真实 PPI 无关。在 460 PPI 的 iPhone 上,相当于每个 CSS 像素由约 460/96 ≈ 4.8 个物理像素组成。HiDPI 缩放会自动处理这件事,你不需要手算。但如果你要校准屏幕来显示真实 1:1 的物理尺寸,就需要真实 PPI —— 这就是 Device Specs DatabaseScreen Ruler 派上用场的地方。

7. CSS 单位速查表(仅 web)

在 web 开发中,几个 CSS 长度单位在 96 DPI 下是等价的:

CSS unit Pixels (96 DPI) Notes
1px 1 CSS 参考像素
1pt 1.333 排版磅(用于打印 CSS)
1pc 16 12 个磅
1in 96 英寸
1cm 37.795 厘米
1mm 3.7795 毫米
1em varies 等于当前字号 —— 默认 16 px
1rem varies 等于根元素字号 —— 默认 16 px

为什么这事很少出现:生产环境里的 CSS 大多用 pxrem%。物理单位(mmcmin)主要用在打印样式表(@media print)里。一旦碰到,换算就是上面这张表,没别的。

8. 常见工作流的 DPI 取值

一份扁平的"我应该用多少 DPI"清单,覆盖最常见的输出介质。

Workflow DPI Justification
Web 设计(CSS、HTML、应用 UI) 96 浏览器/操作系统标准,永远是它
移动端 app 设计 96 和 web 一样 —— Retina 通过 @2x/@3x 资源单独处理
打印样张、A2/A1 大幅面 150 在观看距离上细节足够
杂志、书籍、宣传册 300 印刷输出的行业标准
照片冲印(4×6 到 16×20) 300 照片冲印店默认值
照片冲印(画廊、艺术品) 300–600 近距离细看时取高值
线条画、技术图纸 600 任何缩放下都保持锐利边缘
屏幕印花服装 300 DPI 没那么重要;首选矢量
户外广告牌 30–50 观看距离远;像素可以很大
建筑图纸 600 细线条作业
LCD 标牌 96 或设备特定值 当作屏幕处理,不是打印

9. 心算捷径

当你手边没打开转换器时:

  • 96 px ≈ 1 英寸。砍半就是半英寸(48 px),翻倍就是 2 英寸(192 px)。
  • 96 DPI 下 1 mm ≈ 4 px(精确值 3.78)。用来核对页边距很方便。
  • 96 DPI 下 1 cm = 37 或 38 px。同样的招放大版。
  • 300 DPI 下 1 mm ≈ 12 px。所以一个 50 mm 的 logo 在高质量打印时约 600 px 宽。
  • A4 纸在 300 DPI 下约 2500 × 3500 px —— 锚定这个值,再上下缩放推算。
  • 6000 px 是"300 DPI 下的 20 英寸" —— 一张 24 MP 照片原生打印尺寸的上限。

10. 速查表不够用时

这些表覆盖了 95% 的场景。剩下 5% —— 非标准 DPI、奇异纸张尺寸、物理尺寸不寻常的 kiosk 屏幕 —— 打开 Pixel Converter,用 Custom DPI 选项填入你需要的值。数学是同一套,只有常数变了。

当你需要在自己那块屏幕上对一个实物做核对时 —— 把 Screen Ruler 收藏一下,就能拿张信用卡贴在显示器上确认校准是否准确。

相关阅读

相关文章