在线免费压缩 JPEG、PNG 和 WebP 图片。 在保持视觉质量的同时大幅减小文件大小,加快页面加载速度。
图片通常占网页总重量的 50-70%,是页面加载时间的最大单一因素。未优化的图片是网站未通过 Core Web Vitals 评估的最常见原因,尤其是 Google 用作排名信号的最大内容绘制(LCP)指标。一个加载时间为 4 秒而非 1.5 秒的主图,可能决定网站是位列首页还是被埋在第三页。
根据 Akamai 的研究,每增加 100 毫秒的加载时间,转化率约下降 7%。对于日收入 10,000 美元的电商站点,1 秒的延迟可能导致年度损失 255,000 美元的销售额。图片压缩是大多数网站能够实现的最高影响力的优化,因为它无需代码更改、服务器升级或设计修改——只需使用看起来与原图相同的更小文件。
有损压缩(JPEG、WebP lossy)通过分析图像并丢弃人眼最不易察觉的视觉信息来实现。在 75-85% 质量下,原图与压缩后图像的视觉差异几乎不可检测,但文件大小可减少 60-80%。这使得有损压缩非常适合照片、主图、产品图片以及任何对像素级精确度要求不高的图像。
无损压缩(PNG、WebP lossless)通过寻找更高效的方式存储相同的像素数据来减小文件大小,而不丢弃任何信息。压缩后的图像在数学上与原图完全相同。对徽标、图标、截图、示意图以及包含文字或锐利几何边缘的图像使用无损压缩,因为 JPEG 伪影会显现。
对于大多数网页使用场景,WebP 75-80% 质量在文件大小与视觉质量之间提供最佳平衡。WebP 图像通常比等效的 JPEG 文件小 25-35%,且保持相同的感知质量,并且支持透明度(JPEG 不支持)。所有现代浏览器现已支持 WebP,使其成为 2026 年网页图像的推荐格式。
Google 的 Core Web Vitals 衡量真实用户体验,图片直接影响其中的两项指标。Largest Contentful Paint (LCP) 衡量最大可见元素的加载速度——通常是图片。Google 将 LCP 小于 2.5 秒视为“良好”。将主图从 2MB 压缩至 200KB 可根据用户的网络速度将 LCP 缩短 1-3 秒。
Cumulative Layout Shift (CLS) 衡量视觉稳定性。缺少明确宽高属性的图片在加载时会导致布局位移,推挤页面内容。虽然此工具专注于压缩,但请始终确保在 HTML 中为图片设置正确的尺寸属性。将此工具与我们的 Image Resizer 结合使用,可同时获得优化后的尺寸和压缩后的文件大小。
这取决于压缩类型。有损压缩(JPEG、WebP)会丢弃部分图像数据,但在 70-85% 质量设置下,肉眼几乎察觉不到差异,同时文件大小可减小 50-80%。无损压缩(PNG)在不产生任何质量损失的情况下减小文件大小。对于网页使用,适度设置的有损压缩在质量与性能之间提供最佳平衡。
有损压缩会永久删除人眼最不易察觉的图像数据,从而实现显著的文件大小缩减。JPEG 和 WebP 使用有损压缩。无损压缩则更高效地重新组织像素数据而不删除任何信息——解压后的图像在数学上与原图完全相同。PNG 使用无损压缩。对照片使用有损压缩,对徽标、截图以及含文字的图形使用无损压缩。
WebP 是 Google 推出的现代图片格式,在相同视觉质量下比 JPEG 小 25-35%,比 PNG 小 26%。它同时支持有损和无损压缩、透明度(Alpha 通道)以及动画。所有现代浏览器均支持 WebP,包括 Chrome、Firefox、Safari 和 Edge。使用 WebP 是提升 Core Web Vitals 分数的最简便方式之一。
为获得最佳网页性能,主图应小于 200KB,正文内图片小于 100KB,缩略图小于 30KB。Google 建议页面总重量保持在 1.5MB 以下。针对 Core Web Vitals,关键指标是 Largest Contentful Paint (LCP),应控制在 2.5 秒以内。将图片压缩为 WebP,质量设为 75-80%,可在视觉质量与性能之间取得最佳平衡。