图像分辨率指南：轻松理解像素、DPI与印刷尺寸

上次更新时间：June 28, 2026

分辨率决定了你的图像是看起来清晰还是模糊，打印出来是否干净还是模糊，以及它占用空间是 80 KB 还是 8 MB。对于屏幕而言，只关心像素数量；DPI 是文件携带的一个几乎毫无意义的标签。对于印刷品，DPI 至关重要，因为它决定了这些像素在纸上被打包得有多紧密。我曾用 72、150 和 300 DPI 打印同一张文件，亲眼看到它从浑浊到清晰的过程，因此本文的其余内容都是基于测量数据，而非猜测。

快速答案：你需要什么分辨率？

匹配输出结果，而不是一个通用数字：

• Web hero 或全幅照片 — 1920 px 宽，72 左右的 "DPI"（浏览器忽略），使用 WebP 或 AVIF。
• 博客内容图片 — 1200 到 1600 px 宽，足够填满视网膜显示器上的一个栏目，同时又不会过度服务于移动设备。
• Instagram 信息流 — 1080x1080（方形）或 1080x1350（肖像）；任何更大的尺寸都会被缩小并浪费字节。
• 以 300 DPI 打印 — 将英寸数乘以 300。一张 8x10" 的照片需要 2400x3000 px。

永不改变的规则是：印刷品你需要足够的真实像素；屏幕你需要正确的像素尺寸和积极的压缩。 作为元数据字段的 DPI 在网页上没有任何作用。

分辨率到底意味着什么？

分辨率只是“多少个像素，以及它们排列成什么样子”。几乎任何图像都可以用三个数字来描述：

• 像素尺寸 (Pixel dimensions) — 宽度乘以高度，例如 4000x3000。这是屏幕唯一响应的数字。
• 像素密度 (PPI) — 物理显示器的每英寸像素数，例如在 163 PPI 的 27" 4K 显示器上。由设备设置，而非文件本身。
• DPI — 每英寸点数，是一种打印指令，告诉打印机每英寸要放置多少墨点。它被作为元数据塞入文件中。

人们经常混用 PPI 和 DPI，在对话中很少重要，但这种区别在印刷时就会显现出来。一个标记为 "72 DPI" 的 4000x3000 文件和标记为 "300 DPI" 的相同文件，在屏幕上是像素对像素完全相同的。这个标签只改变了墨水接触纸张时会发生什么。

兆像素：快速翻译

兆像素 = 宽度乘以高度除以 1,000,000。它告诉你的总像素预算，而不是质量。

更多的兆像素能为你提供裁剪空间和更大的打印尺寸，而不是“更”好的像素。一张来自柔性镜头的 45 MP 照片可能看起来比一张干净的 20 MP 照片还要差。

DPI 在屏幕上重要吗？

不——至少不是大多数人认为的那样。浏览器读取的是像素尺寸，并将图像缩放到 CSS pixels。嵌入在 JPEG 中的 "72 DPI" 会被忽略。我用 72、150 和 300 DPI 导出了同一张 1920x1080 的照片，渲染出的网页字节是完全相同的。

“屏幕上的 72 DPI”规则来源于 1984 年的 Mac，其 9 英寸显示器恰好以大约 72 PPI 进行渲染。现代显示器与此相去甚远：

在屏幕上真正重要的是提供足够像素以适应其所在的显示屏，然后进行强力压缩。对于视网膜和高 DPI 手机，你需要提供大约 2 倍的 CSS 像素宽度；对于一个 800 px 宽的内容图片，这意味着需要 1600 px 的源文件。请参阅我们的 resize image for web guide 以获取确切的导出设置。

分辨率、质量和文件大小如何相互作用？

分辨率和文件大小不是同一把杠杆，但它们互相拉扯。将像素数量增加四倍，在给定质量设置下，字节数也会大致增加四倍——但质量是由压缩控制的，而不仅仅是像素决定的。我将一张 1200x800 的风景图放大到 4800x3200，文件大小从 240 KB 膨胀到了 2.1 MB，但看起来并没有更清晰，因为没有新的细节被发明出来。

真正驱动你看到的是三件事：

• 真实的捕获细节 — 来自你的镜头和传感器的光学分辨率。这是上限。
• 像素尺寸 — 你用来表示这些细节的像素数量。
• 压缩质量 — 保存时丢弃了多少信息。

一张高分辨率但光学效果差的文件，只是一张大而模糊的图片。如果目标是在不破坏质量的情况下降低字节数，我们的 image resize keep quality 教程展示了应该在哪里停止。

印刷分辨率：为什么 300 DPI 是标准？

打印机将墨点放置在物理表面上，因此像素密度变得真实。低于大约 200 DPI，大多数观看者在正常阅读距离下会注意到模糊。300 DPI 是一个舒适的目标值，它在手臂长度处依然保持良好，并且能承受一点放大。我用 300 DPI 和 150 DPI 在同一张纸上打印了一张 8x10" 的照片；150 DPI 版本从房间对面看尚可接受，但近距离看明显模糊。

使用这个公式，然后向上取整：像素 = 英寸数乘以 DPI。

对于从一米或更远观看的大海报，150 DPI 通常足够——你的眼睛无法在那个距离分辨出精细的细节，所以填充 300 DPI 会浪费墨水和分辨率。从街对面看到的横幅可以降到 72 到 100 DPI。

我如何为每个平台选择分辨率？

选择与图像将填满的最大显示屏匹配的尺寸，然后进行压缩。过度服务只会增加字节数和加载时间。

一张 4032x3024 的手机照片对于 Instagram 是过剩的，对于同时尺寸为 8x10" 的打印品也是不合适的——它形状不对，这就引出了下一个陷阱。

常见的分辨率错误（及修正方法）

• 拉伸小图使其变大。 Upscaling 会乘以像素，但不会增加细节；边缘只会变得模糊。如果必须这样做，请使用 AI upscaler 而不是最近邻插值法。先阅读我们的 how to upscale images 入门指南。

• 相信网页上的 "72 DPI" 标签。 它在浏览器上没有任何作用。应该通过像素尺寸导出。

• 印刷前忘记宽高比。 一张 3:2 的照片强行放入 8x10" (4:5) 的框架中，会被裁剪或扭曲。应先裁剪到打印比例。

• 将 8 MP 文件发送给 1080 px 的信息流。 浪费带宽；平台无论如何都会缩小和重新压缩，有时比你自己做的不利。

• 因为文件标签说所以以 72 DPI 印刷。 DPI 标签只是一个建议。请重新检查像素数量：英寸数乘以 300。

何时应该放大图像？

当源素材确实对于特定目标尺寸过小，并且你无法重拍或重新导出时，进行 Upscaling 是值得的。我使用它的三种情况是：

1. 客户照片必须填满英雄横幅，但唯一的素材只有 800 px 宽。使用 AI 模型放大到大约 1920 px，然后锐化。
2. 一张小手机照片需要用于小型打印品（例如 4x6"），并且略低于 1800x1200。适度的 1.5x 放大可以弥补差距。
3. 恢复老照片或扫描照片，用于更大的展示，此时 AI 会重建合理的纹理。

当源素材本身已经足够大，或者当你期望它制造出从未捕获的细节时，Upscaling 是不值得的。它合成的是合理的像素；它无法恢复缺失的信息。如需更深入的模型和限制比较，请阅读我们的 AI image upscaler guide。MDN 的 image type reference 对于理解 WebP 和 AVIF 如何编码放大后的结果也很有用。

关键要点：屏幕用像素，印刷用 DPI

将这两个世界分开对待，大多数分辨率的困惑就会消失。在屏幕上，发送正确的像素尺寸给显示屏，设置任何你喜欢的 DPI，并在现代格式中积极压缩。对于印刷品，进行数学计算——英寸数乘以 300——先确认你的像素数量，然后再考虑 DPI 标签。如果你想要第二个参考来源，Adobe 的 resolution 概述是关于印刷方面的可靠资料。

一个诚实的警告

上面所有的数字都假设了一个捕获良好、锐化良好的源素材。没有任何分辨率设置、DPI 标签或 upscaler 能拯救一张失焦、运动模糊或来自微小传感器的噪点照片。我曾看到人们在柔和的图像上追逐兆像素和 DPI，而不是重新拍摄——文件变大了，但图片依然令人失望。首先要做好捕获；分辨率只是之后的简单部分。

图片鸣谢

• 显示设计软件的双显示器现代工作空间 — 照片由 Daria Shevtsova 在 Pexels 提供
• 带有水滴的佳能变焦镜头特写 — 照片由 Suzy Hazelwood 在 Pexels 提供
• 一系列不同主题的打印照片集合 — 照片由 Tima Miroshnichenko 在 Pexels 提供