图片分辨率最可靠的表达方式,是图片横向像素数乘以纵向像素数。一张宽 4,000 像素、高 3,000 像素的图片,分辨率就是 4,000 × 3,000 px。
这回答了数字图片本身有多大的像素网格。百万像素是对总像素数量的简写;PPI 描述把这些像素映射到某个真实尺寸以后,每英寸容纳多少像素;DPI 则描述打印机每英寸输出多少墨点。它们彼此相关,但不能混为一谈。
人们所说的“分辨率”可能是四种指标
| 指标 | 示例 | 它实际说明什么 |
|---|---|---|
| 像素尺寸 | 4,000 × 3,000 px | 位图准确的宽度与高度 |
| 总像素数 | 12,000,000 pixels | 图片包含多少个像素采样点 |
| 百万像素 | 12 MP | 用百万为单位表达总像素数 |
| 每英寸像素 | 300 PPI | 在指定物理尺寸下的像素密度 |
讨论网页图片、截图、裁剪空间或图片内部距离时,优先看像素尺寸。讨论打印时,才需要把像素尺寸和输出英寸联系起来。
像素尺寸是数字文件的事实
每张位图都是一个矩形网格。宽 × 高只描述文件里实际存在多少像素,不预设屏幕大小、打印尺寸或观看距离。
例如:
- 1,920 × 1,080 px 通常称为 Full HD;
- 3,000 × 2,000 px 一共有 600 万像素;
- 4,032 × 3,024 px 约有 1,219 万像素。
如果你想判断图片能否填满一个网页区域、截图是否保留了足够细节,或者图片内两个特征相距多少像素,都应该先回到原始像素尺寸。
百万像素只概括面积,不描述形状
百万像素的计算公式是:
百万像素 = 宽度像素 × 高度像素 ÷ 1,000,000
4,000 × 3,000 px 等于 12 MP;6,000 × 2,000 px 的全景图同样等于 12 MP。两张图的形状和用途完全不同,因此 MP 适合快速比较总像素数量,却不能说明宽高比、清晰度或可裁剪方向。
PPI 把像素连接到物理尺寸
像素本身没有固定的厘米或英寸。一张宽 3,000 px 的图既可以打印成 10 英寸,也可以打印成 20 英寸。只有指定输出尺寸以后,PPI 才有明确含义:
PPI = 像素宽度 ÷ 打印宽度(英寸)
宽 3,000 px 的图片打印为 10 英寸宽时是 300 PPI;打印为 20 英寸宽时是 150 PPI。文件中的像素没有增加或减少,只是同一批像素被铺到了更大的物理范围。
如果你要准备打印文件,可以继续阅读如何测量图片 DPI。
如何查看一张图片的分辨率
最直接的方法是查看文件的像素宽高。
macOS
在 Finder 中选择文件并打开“显示简介”,或者用“预览”打开图片,再选择“工具 → 显示检查器”。找到类似 4032 × 3024 的像素尺寸。
Windows
右键图片,选择“属性 → 详细信息”,查看宽度和高度。
浏览器
应当查看原图的固有尺寸,而不是页面元素的 CSS 宽度。网页可以把宽 2,000 px 的源图缩在 500 CSS 像素的区域内,也可以把小图放大显示。
图片编辑软件
查看“图像大小”或文档属性,同时留意“重新采样”是否启用。关闭重新采样时,修改 PPI 只会改变建议打印尺寸;启用后则会真正增加或删除像素。
屏幕图片没有统一的 PPI 门槛
网页主要关心原图像素尺寸、CSS 展示尺寸、响应式图片规则和设备像素比,而不是文件元数据中写着 72、96 还是 300 PPI。
一张宽 1,200 px 的图片在页面上显示为 600 CSS 像素,可以为高密度屏幕提供约 2× 的源图。把元数据从 72 PPI 改成 300 PPI,不会让浏览器凭空显示更多细节,因为图片仍然只有 1,200 个横向像素。
准备网页图片时,应当问:
- 页面实际可能显示的最大宽度是多少?
- 是否需要为高密度屏幕准备 2× 资源?
- 压缩到什么程度仍看不出明显损伤?
- 是否提供了响应式尺寸,避免手机加载过大的文件?
打印分辨率取决于最终尺寸
打印规划应从像素尺寸和输出尺寸共同出发:
| 图片宽度 | 打印宽度 | 有效密度 |
|---|---|---|
| 3,000 px | 10 in | 300 PPI |
| 3,000 px | 15 in | 200 PPI |
| 3,000 px | 20 in | 150 PPI |
不存在适用于所有打印的单一合格线。近距离翻阅的画册,比远处观看的大型标牌更需要高密度。打印设备、纸张、观看距离、内容纹理和锐化方式都会影响最终效果。
分辨率不等于图片质量
更多像素有机会记录更多空间细节,但前提是镜头、对焦、曝光、处理和压缩确实保留了这些细节。失焦的 2,400 万像素照片仍然失焦;压缩严重的 4K 图片仍可能出现色块和边缘振铃。
分辨率不能直接说明:
- 是否准确对焦;
- 是否存在运动模糊;
- 噪点是否掩盖细节;
- 色彩是否准确;
- 是否有明显压缩伪影;
- 像素是原始细节还是插值生成。
需要综合判断时,请阅读图片质量如何衡量。
放大查看与改变分辨率不是一回事
把 1,000 × 1,000 px 的图片放大到 200% 查看,它依然是 1,000 × 1,000 px。缩放视图只改变你看到它的大小。
重新采样才会改变像素网格:
- 向下采样会删除像素;
- 向上采样会根据已有像素估算新像素;
- 裁剪会移除选区外的像素。
向上采样可能帮助某些生产流程,但不能恢复原图从未捕获的细节。像素数量变大,只能证明网格变大,不能证明信息量等比例增加。
测量图片内部的特征
整张图片的分辨率和图片内部某个物体的像素宽度是两件事。一张 4,000 × 3,000 px 的照片里,产品主体可能只占 1,240 px。此时需要依据原图坐标,而不是浏览器显示大小进行测量。
Image Measure Pro 使用原图像素坐标。放大画布可以帮助落点,却不会改变像素结果。如果图片中存在同一平面内的已知参考长度,还可以通过标定换算成真实单位。
具体操作可阅读如何测量图片中的像素或图片测量新手指南。
简短结论
数字图片的分辨率应优先报告为宽度 × 高度像素。需要简写总像素时使用 MP;把像素映射到物理尺寸时使用 PPI;DPI 留给打印机的墨点输出。
当某个数字听起来很漂亮时,先回到原图网格。像素宽高才是文件真正拥有的内容。