如何在不明显降低画质的情况下压缩网页图片

一份实用指南，帮助你选择合适的格式、尺寸和质量设置，让图片加载更快且依然清晰。

更新于: 2026年10月28日

过大的图片是网页加载缓慢最常见的原因。好消息是，大多数照片可以缩小数倍，而在正常显示尺寸下看不出差别。本指南将介绍三个关键决定：尺寸、格式和质量。

1. 先调整尺寸，再压缩

现代手机拍摄的照片宽度通常在 4000 像素以上。如果页面以 1200 像素显示，浏览器会下载大部分像素然后丢弃。先调整尺寸，节省的空间通常远超任何质量设置。使用图片尺寸调整，如果希望在高分辨率屏幕上清晰，选择约为最大显示尺寸两倍的宽度；如果最看重文件大小，则选择相同宽度。

2. 选择合适的格式

• 照片：在相近的视觉质量下，WebP 通常比 JPEG 更小，并且当前所有主流浏览器都支持。对于电子邮件和较旧的软件，JPEG 仍是最稳妥的选择。
• 截图、标志以及含纯色或文字的图形：PNG 能保持边缘清晰。无损模式的 WebP 通常更小。
• 需要透明背景的图片：使用 PNG 或 WebP。JPEG 不支持透明，透明区域会变成纯色。

你可以使用图片格式转换（JPG、PNG、WebP）更改格式。

3. 选择质量设置

对于 JPEG 和 WebP，照片的质量设在 70 到 85 之间是不错的起点。低于约 60 时，天空和渐变区域可能出现块状失真。图片压缩会并排显示原始大小和新大小：试试两三个数值，保留看起来仍然满意的最小文件。

4. 删除隐藏的元数据

照片可能包含 EXIF 元数据，例如相机型号、日期，有时还有 GPS 位置。它们会增加几 KB，并可能透露超出你预期的信息。用EXIF 查看与元数据删除查看文件包含哪些内容。像压缩器和转换器那样在浏览器中重新编码图片，不会把 EXIF 数据复制到新文件中。

快速检查清单

1. 调整到实际显示的最大尺寸。
2. 照片使用 WebP 或 JPEG，图形使用 PNG 或 WebP。
3. 从质量 80 开始，比较后再调整。
4. 发布前以 100% 缩放检查结果。
5. 保留原始文件，以备日后需要其他尺寸。

本指南使用的工具

它们都在浏览器中运行，因此你的照片不会上传到任何地方。