跳至主要内容
ShopSEO
免费工具

图片压缩工具

在浏览器中本地压缩 WebP、AVIF、JPEG 和 PNG 图片。

拖入图片即可缩小体积。所有操作均在浏览器本地运行:无需上传,无需排队,无需注册账号。下载前可并排对比效果。

检查项目

  • 支持导出 AVIF、WebP、JPEG 和 PNG 格式
  • 画质并排对比
  • 本地运行,文件绝不离开浏览器
  • 单次最多批量处理 50 张图片

仅需三项信息,无需注册账号,无需安装应用。除非您主动要求,否则我们仅会向您发送此报告。查看我们的隐私政策

解读结果

每个数字背后的含义。

无法解读的报告,不过是用更长的话来表达出错了而已。

  • 压缩前后体积

    节省的传输数据量。在图片占页面总大小 60% 至 75% 的产品页面上,这通常是收益最显著的单个优化项。

  • 格式选择

    在肉眼可见质量相近的情况下,AVIF 通常比 WebP 小 20% 至 30%,而 WebP 则远优于 JPEG。目前主流浏览器均已广泛支持这两种格式。

  • 并排对比

    请在实际展示尺寸下,使用您自己的摄影图来判断压缩效果。产品细节(如布料纹理、车缝线、皮质颗粒)往往最先受损。

  • 画质设置

    不存在通用的标准数值。面料和细腻纹理需要更高的画质;纯色块和图标图形则可以设置得低得多。

为什么重要

深入底层逻辑,拒绝空洞套话。

  • 01

    图片占页面大小的绝大部分

    典型的 Shopify 产品页面中,按传输字节计算绝大部分都是图片。其他任何优化都无法带来如此显著的数据缩减。

  • 02

    移动端对文件体积更敏感

    在慢速网络下,2.4 MB 与 300 KB 主图之间的差距,往往就是客户愿意等待与直接流失的差距。

  • 03

    一次压缩,长久受益

    与大多数性能优化不同,对现有图库进行压缩是一次性工作,但能产生持久的收益。

常见问题

常测出的问题及修复方法。

Shopify 商店中最常被此工具检测出的 4 个问题。

发现的问题

直接上传相机原始分辨率图片

原因分析

摄影师拍摄后未调整尺寸就直接上传到了商店。

修复方法

将原图宽度限制在最大渲染宽度的两倍左右(可覆盖视网膜屏幕),其余交由 CDN 处理。

发现的问题

向支持 AVIF 的浏览器输出 JPEG

原因分析

未配置格式自适应。

修复方法

优先提供新格式,并以 JPEG 作为保底。Shopify 的 CDN 会自动为您处理这一格式适配。

发现的问题

对首屏主图使用了延迟加载

原因分析

对页面上的所有图片一律应用了延迟加载规则。

修复方法

切勿对首屏最大的主图使用延迟加载。它通常是您的 LCP 元素,推迟加载会直接拉低指标得分。

发现的问题

对已压缩的文件重复压缩

原因分析

对保存时画质就已经很低的 JPEG 进行二次编码。

修复方法

尽量从原始文件重新压缩。重复二次编码会加剧噪点和失真。

局限性

本工具无法提供的信息。

每款工具都有边界。清楚它的局限,才能避免对结果进行过度解读。

  • 压缩完全在您的浏览器本地运行,文件不会被上传,但这也意味着大批量处理受限于您本地设备的性能。
  • 本工具无法还原已经丢失的细节。如果原图画质本身较低,那就是画质的上限。
常见疑问

关于本工具。

还有其他疑问?咨询我们

改为全天候持续监控。

免费安装 ShopSEO,不到一分钟即可完成首次审查,随时撤销任何不满意的内容。无需信用卡,无需修改模板,无任何绑定限制。

Shopify App Store 新上线Free 套餐,无需信用卡Premium 套餐 7 天免费试用