如何优化电商产品页面的图片 | Bulk Image Compressor
产品图片能促进销售。如果购物者看不清细节,他们就不会购买。但如果你的图片太大,页面加载缓慢,他们在图片加载完之前就离开了。找到这个平衡点是你能为在线商店做的最实用的事情之一。
好消息是你不必在质量与速度之间做选择。使用正确的压缩设置和格式,你的产品照片可以在任何设备上加载快速的同时,在屏幕上看起来清晰锐利。
为什么产品图片大小很重要
一个典型的产品页面有4到8张图片:主照片、几个角度、可能一张细节特写和一张展示产品使用场景的生活照。如果每张照片都是来自摄影师的4MB未压缩文件,那就是每页16到32MB的图片。
慢速产品页面直接损害销售。Deloitte的研究发现,移动网站速度提升0.1秒可导致零售网站转化率提高8.4%。电商页面速度的最大因素几乎总是图片。
还有移动因素。大多数在线购物发生在手机上。你的产品图片需要在蜂窝网络连接上快速加载,而不仅仅是快速的WiFi。
白底照vs生活照
这两种类型的产品图片有不同的压缩特性。
白底产品照是你在亚马逊、eBay和大多数产品列表页面上看到的。它们通常有一个干净的白色背景,产品居中。这些图片压缩效果非常好,因为大面积的纯白色需要很少的数据。你通常可以在75%到80%的JPEG质量下压缩它们,几乎看不出差异。
生活照在真实环境中展示产品。厨房台面上的咖啡杯、模特在户外穿的夹克、城市人行道上的鞋子。这些图片有更多的视觉复杂性,背景、纹理和光线各不相同。它们需要稍高的质量设置,大约80%到85%,以保持细节。
两种类型都可以比原始文件显著小。一张5MB的白底产品照通常压缩到200到400KB。一张6MB的生活照压缩到300到600KB。
平台要求和建议
不同的电商平台有各自的图片指南。以下是主要平台的规格:
Shopify建议图片为2048 x 2048像素。最大文件大小为20MB,但他们强烈建议将图片保持在远低于此。Shopify会做一些自动压缩,并在浏览器支持时提供WebP,但从优化的图片开始会得到更好的结果。
WooCommerce没有强制执行严格限制,因为它运行在你自己的主机上。这意味着图片优化完全是你自己的责任。默认的缩略图尺寸为600 x 600用于目录,产品页面使用全图尺寸。你应该在上传前调整大小和压缩。
亚马逊要求最长边至少1000像素(用于缩放功能),并建议2000像素。最大文件大小为10MB。主图像必须具有纯白色背景(RGB 255, 255, 255)。亚马逊会在他们那边压缩图片,但上传已经优化的图片让你对最终结果有更多控制。
Etsy建议最短边2000像素。他们接受最大1MB的文件。由于Etsy的限制相对较小,你几乎肯定需要在上传前压缩。
推荐尺寸和文件大小
对于大多数电商平台,以下是一个实用目标:
| 图片类型 | 尺寸 | 目标文件大小 |
|---|---|---|
| 主产品照片 | 2000 x 2000px | 200到400KB |
| 备选角度 | 2000 x 2000px | 200到400KB |
| 细节/特写 | 2000 x 2000px | 250到500KB |
| 生活照 | 2000 x 1333px | 300到600KB |
| 缩略图 | 600 x 600px | 30到60KB |
这些尺寸为缩放功能提供了足够的分辨率,同时保持页面快速。每个产品页面的总图片加载量理想情况下应保持在2MB以下。
选择正确的格式
JPEG是产品摄影的标准格式。它处理照片很好,随处被支持。将其作为你的默认选择。
WebP在相同视觉质量下比JPEG提供约25%到35%更好的压缩。如果你的平台支持(Shopify自动支持,WooCommerce需要插件),WebP是一个坚实的升级。要更深入地比较格式,请阅读我们的JPEG vs PNG vs WebP指南。
PNG只在你需要产品图片透明度时才需要。例如,如果你销售需要在没有任何背景的情况下展示的商品,PNG保留那种透明度。否则,避免对产品照片使用PNG,因为文件大小要大得多。
产品目录的批量处理
如果你有一个有数十或数百个产品的商店,一张一张压缩图片是不现实的。一个有200个商品、每个5张图片的产品目录意味要处理1,000张图片。
这就是批量压缩节省数小时的地方。使用批量图片压缩器,你可以拖入整个产品图片文件夹,一次性压缩所有图片。所有内容在你的浏览器中运行,所以你的产品照片永远不会上传到任何外部服务器。当你在处理未发布产品或不想在发布前分享的图片时,这很重要。
以下是一个对产品目录效果很好的工作流:
-
先调整大小。 将所有图片调整到正确的尺寸(对大多数平台为2000 x 2000px)。不要将6000px的图片送入压缩,而它们只会在2000px下显示。
-
按类型分开。 将白底照放在一批,生活照放在另一批。这让你可以为每批使用不同的质量设置。
-
以75%到80%质量压缩白底照。 干净的背景在较低设置下高效压缩。
-
以80%到85%质量压缩生活照。 这些图片中的额外细节受益于略高的质量。
-
抽查几个结果。 打开几张压缩后的图片,与原始图片进行比较。确保包装上的文字仍然可读,产品细节清晰。更多信息请参见我们的指南减小文件大小而不损失质量。
-
上传到你的平台。 用压缩后的版本替换原始文件。
对你利润的影响
更快的产品页面意味着更多销售。就这么直接。当购物者从搜索结果或广告点击你的产品时,你大约有两到三秒钟的时间,然后他们决定是等待还是按返回按钮。
优化的图片还能减少你的托管和CDN成本。如果你每月服务500,000次产品页面浏览,并且你将平均图片负载从每页8MB削减到1.5MB,那就是节省了TB级别的带宽。
你的产品照片是你在线商店中最重要的资产。正确地压缩它们让你能够保持购物者所需的视觉质量,同时提供能真正带来购买行为的快速体验。
Ready to compress your images?
Bulk compress JPEG, PNG, WebP, and AVIF images right in your browser. No uploads, no sign-ups.
Try Bulk Image Compressor