如何为网页压缩 JPEG

更新于

要为网页压缩 JPEG,先把图片尺寸调整为它实际显示的像素大小,再以约 75–82 的画质导出,这样在屏幕上通常看不出差别,文件体积却能大幅缩小。使用 EditItAll 的 JPG 压缩工具即可完成,它在你的浏览器中运行,无需上传任何文件。

现在就做——免费,在浏览器里

Compress JPEG

为什么过大的 JPEG 会拖慢网页

一张过大的 JPEG 文件,体积甚至可能超过网页其余部分的总和,这也是页面感觉缓慢最常见的原因。拍摄或导出这张照片时,优化的目标往往是打印或全屏显示,而不是缩略图、主视觉横幅或商品网格,用在这些场景里,文件体积常常是实际所需的好几倍。

好消息是:JPEG 是一种有损图片格式,可以舍弃大量肉眼察觉不到的数据。合理压缩,并把图片尺寸调整到实际显示的大小,通常能把照片体积压缩到原来的一小部分,屏幕上却看不出明显差别。

分步压缩网页用的 JPEG

JPG 压缩工具提供画质调节功能,你可以慢慢调整,直到体积和画面效果都满意为止:

  • 打开JPEG 压缩工具,把照片拖进去,一次还能加载多张。
  • 设置画质。对于网页用图,75–82 左右是最佳区间:在屏幕上几乎看不出差别,文件体积却能大幅缩小。
  • 预览后导出并下载。导出的文件是一份全新的 JPEG,其中的元数据已被清除,隐藏的 EXIF 和 GPS 信息不会一并传到你的服务器。

整个过程都在你的设备上完成,页面加载后即使断网也能照常使用,这就是你的图片没有被上传到任何地方的最直接证明。

让图片尺寸匹配它填充的空间

画质只是成功的一半,另一半是尺寸。把一张4000像素宽的照片塞进只会以800像素呈现的位置,大部分文件体积都花在了访客根本看不到的细节上,而浏览器依然要把这些多余的像素全部下载下来。

所以压缩之前,先把图片尺寸调整到它实际显示的最大尺寸左右(为高密度屏幕多留一点余量也没关系)。一张按显示区域调整好尺寸、再以 75–82 画质压缩的照片,体积通常只有原图的十分之一,这往往是你能做到的最大速度提升。有一点要注意:JPEG 压缩是单向的,而且会累积。反复压缩一张已经压缩过的 JPEG,每次都会叠加可见的失真,所以务必始终从原图开始,只压缩一次。

什么时候该选择 WebP 或 AVIF

JPEG 是安全、通用的选择,但它已经不再是体积最小的格式。它的现代继任者WebPAVIF能在同样的可见画质下做到体积明显更小,而且目前主流浏览器都支持良好。如果页面体积是你最看重的,不妨试试把JPG 转换为 WebP转换为 AVIF,比较一下效果。

这只是一句诚恳的“可以考虑”,不是硬性规定:如果你需要一个能在任何地方毫无障碍打开的文件,那就继续用 JPEG。想更全面地了解如何选择画质和格式,可以参考如何在不损失画质的情况下压缩图片

现在就试试?

免费、无需注册,你打开的文件绝不会离开你的设备。

常见问题

网页用的 JPEG 应该用多少画质压缩?+

对大多数网页照片来说,75–82 左右的画质是最佳区间:体积小到能快速加载,画质又高到让人看不出损失。只有对很小的缩略图,才值得再调低一些,因为轻微的模糊不会被注意到。

画质和图片尺寸,哪个更重要?+

通常尺寸更重要。把一张4000像素的照片硬塞进只有800像素的位置,大部分体积都被浪费掉了。先把图片调整到实际显示的尺寸,再进行压缩,两者结合才能带来最大的速度提升。

我应该用 WebP 或 AVIF 代替 JPEG 吗?+

如果页面体积是你的首要考虑,那么值得一试:WebP 和 AVIF 能在更小的体积下达到同样的可见画质,且支持度良好。如果你需要一个在任何地方都能稳妥打开的文件,JPEG 仍然是最保险的选择。

压缩图片时会上传我的图片吗?+

不会。压缩工具完全在你的浏览器中运行,你的 JPEG 文件不会离开你的设备。页面加载后你甚至可以断开网络,它依然能正常工作,导出时还会清除 EXIF 元数据。

为什么我的 JPEG 每次保存后看起来都更差?+

JPEG 是有损格式,反复压缩一份已经压缩过的文件,每次都会叠加失真。请保留原图,只从原图压缩一次,而不要对已经处理过的 JPEG 副本反复保存。

相关指南

更多「压缩图片」指南 →