指南
图片质量指南:如何选择正确的格式和压缩方式
JPEG vs PNG vs WebP 让你困惑?学习如何为每种场景选择正确的图片格式、目标文件大小和压缩级别——照片、网页、打印、社交媒体和电子邮件附件。
选择错误的图片格式或压缩级别会从两方面增加成本:网站上的照片模糊不清,或浪费大量带宽。本指南将带你了解为 JPEG、PNG 或 WebP 选择合适的格式、目标文件大小,以及为真正重要的平台调整图片尺寸的实用决策树。不讲理论——只讲 2026 年真正有效的规则。
30 秒决策:JPEG vs PNG vs WebP
从这里开始。如果你从本指南中什么都记不住,记住这个表:
何时使用 JPEG
具有平滑色彩渐变的照片、无透明需求、在屏幕上查看或按标准尺寸打印。JPEG 是有损的——会损失一些质量——但文件大小节省巨大(通常比 PNG 的照片小 5-10 倍)。非常适合产品照片、旅行照片、无文字的截图。
何时使用 PNG
Logo、图标、线条艺术、包含文字的截图,或任何需要透明背景的图片。PNG 是无损的——保留完美质量——但照片的文件大小比 JPEG 大 5-10 倍。仅在真正需要锐度或 alpha 通道时使用。
何时使用 WebP
现代浏览器(2020 年以来的所有主流浏览器)、从自己网站提供的图片、在相同视觉质量下想要比 JPEG 小 25-35% 的文件。WebP 同时支持有损和无损模式,以及透明度。2026 年网页性能的首选。
选择目标文件大小(而不是质量滑块)
质量滑块让你猜测。目标文件大小给你可预测的结果。以下是常见场景的正确大小:
电子邮件附件
大多数电子邮件客户端限制附件总大小为 10-25 MB。如果发送几张照片,每张目标 200-500 KB。这能让电子邮件保持快速,在慢速网络下也能工作。
网页(主图)
首屏主图应低于 200 KB。首屏以下可以高达 500 KB。对任何初始渲染不可见的图片使用延迟加载。
社交媒体
Instagram 推荐 1080x1350 像素、30-150 KB。Twitter 可处理高达 5 MB 的图片,但在 1200x675 像素时显示效果最佳。LinkedIn 接受高达 5 MB。匹配平台的首选尺寸——为 1080x1350 的显示上传 4000x3000 毫无意义。
打印
标准 4x6 英寸打印需要至少 1200x1800 像素、300 DPI。对于更大的打印,按比例放大。300 DPI 的 PNG 是理想选择,可避免打印输出中的 JPEG 压缩伪影。
先调整大小,再压缩
上传 5000x3000 像素的照片以 600x400 显示,浪费了 87% 的像素。先调整大小,再压缩。顺序很重要:先压缩大图像再调整大小,会在调整后的版本中留下压缩伪影。始终先调整大小,再压缩到目标大小。
常见的调整大小目标
电子邮件:最大 1200x900 像素。网页缩略图:300x200。主图:1920x1080。Instagram:1080x1080(方形)或 1080x1350(竖版)。Twitter:1200x675。
覆盖 95% 情况的三条规则
规则 1:WebP 优先,回退到 JPEG
如果你控制平台(你的网站、你的博客),使用 WebP。仅在需要兼容老旧浏览器或电子邮件客户端时才回退到 JPEG。WebP 在相同感知质量下节省 25-35% 的带宽。
规则 2:先调整大小,再压缩,最后转换
这是产生最小文件、最佳质量的顺序。首先调整大小到目标尺寸。然后压缩到目标文件大小。最后,如果目标平台支持,转换为 WebP。在调整大小之前压缩会留下伪影;在转换之后调整大小会跳过优化机会。
规则 3:分享前剥离元数据
EXIF 元数据可以泄露 GPS 坐标、相机序列号和时间戳。对于任何公开分享的图片,都应剥离元数据。剥离不会降低可见质量——只会删除隐藏的数据字段。
常见问题
WebP 与 JPEG 相比会损失质量吗?
在相同文件大小下,WebP 比 JPEG 保留略多的质量。在相同质量设置下(两者都设为 80),WebP 产生的文件小 25-35%。使用 WebP 不会有明显的质量损失。
截图应该使用 PNG 吗?
是的,PNG 是截图的正确选择,因为文字和锐利边缘受益于无损压缩。文件大小的代价值得完美的清晰度。对于计划在社交媒体上分享的截图,以 90+ 质量转换为 JPEG 以节省空间。
如何在不超出附件大小限制的情况下通过电子邮件发送多张照片?
在附加之前将每张照片压缩到 200-500 KB。对于 10 张照片,总共 2-5 MB——远低于 Gmail 的 25 MB 限制和大多数企业电子邮件限制。使用压缩至指定大小工具,每张照片目标 300 KB。
对于网页图片,72 DPI 和 300 DPI 有区别吗?
对于屏幕显示,DPI 无关紧要——屏幕显示的是像素,而不是英寸。1200x800 像素的图像在 72 DPI 和 300 DPI 下在屏幕上看起来相同。300 DPI 保留给用于打印的图像。调整打印大小需要同时知道像素尺寸和打印尺寸。
常见问题
2026 年应该使用哪种图片格式? ▾
WebP 用于网页传输,JPEG 用于电子邮件和旧版兼容性,仅在需要无损质量或透明度时才使用 PNG。使用图片转换工具批量切换格式。
网页主图应该针对多大的文件大小? ▾
首屏图片低于 200 KB,首屏以下不超过 500 KB。使用压缩至指定大小工具精确命中目标。
应该在压缩之前调整大小吗? ▾
是的。先调整大小到目标尺寸,再压缩。这比相反的顺序产生更小的文件和更好的质量。
WebP 适用于所有浏览器吗? ▾
WebP 自 2020 年起受到 Chrome、Firefox、Safari 14+ 和 Edge 支持。对于较老的浏览器,回退到 JPEG。大多数生产网站使用 WebP 并以 JPEG 回退。
标签:
相关图片工具
相关文章
关于作者
陈马克
图片优化工程师
陈马克在网页性能优化领域有十二年经验,曾与主要电商平台和 CDN 提供商合作。他专注于帮助普通用户理解图片质量、文件大小和加载速度之间的权衡。