图片压缩工具
在浏览器中本地压缩 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,不到一分钟即可完成首次审查,随时撤销任何不满意的内容。无需信用卡,无需修改模板,无任何绑定限制。