图片优化是指对产品图片进行处理的过程,包括调整图片大小、压缩图片以及格式化图片,使其加载速度更快,同时又不牺牲视觉质量,从而确保消费者在购买前能够准确评估产品。对于产品信息流而言,这意味着每一张图片都需要进行优化。 image_link 和 additional_image_link 价值体现在经过处理的图片素材上,而不是未经处理的、每张图片可能高达数兆字节的原始文件。在产品目录层面,图片大小通常是影响产品和类别页面加载速度的最主要因素,因此,图片优化是零售商可采取的最有效的技术措施之一。
为什么图像优化对信息流性能至关重要
产品图片承担着双重角色:它们是购物者浏览搜索结果或购物广告轮播图时最先评估的视觉元素,也是购物者点击进入页面后,着陆页需要加载的最大资源。未经优化的全分辨率图片本身就会拖慢原本快速的页面加载速度,直接影响网站其他位置的加载速度优化工作。除了速度之外,购物平台也越来越重视图片质量本身,将其作为评估整体商品信息质量的一部分——水印、占位符图片或低分辨率图片都会被标记为影响产品展示效果的问题。拥有成千上万个 SKU 的商品目录会放大这两个问题:单张图片文件大小上的微小差异,一旦应用到整个目录,就会造成巨大的基础设施成本和速度损失。
图像优化的工作原理
大多数产品目录的核心技术都大同小异:将图片调整到实际显示尺寸,而不是发送过大的原图;在渠道支持的情况下,转换为 WebP 或 AVIF 等高效格式;应用压缩技术,在不产生明显瑕疵的情况下减小文件大小。除了静态图片,更丰富的商品媒体(包括视频)也日益成为优化讨论的一部分,因为像 Google Shopping 这样的平台现在支持在产品信息流中显示专用的视频字段,这些字段需要进行编码和托管,Feedance 的Google Shopping video_link 属性指南对此进行了详细介绍。大多数团队还会通过内容分发网络 (CDN) 而非源服务器来提供优化后的图片,从而确保无论购物者身处何地,都能快速加载相同的资源,并通过衡量实际页面加载速度来验证优化效果,而不是孤立地评估压缩设置。
例如:
<item>
<g:id>SKU-10234</g:id>
<g:title>Organic Cotton Crewneck Sweater - Charcoal, M</g:title>
<!-- Optimized: resized, WebP, served via CDN -->
<g:image_link>https://cdn.example-shop.com/img/org-sweater-charcoal-1200w.webp</g:image_link>
<g:additional_image_link>https://cdn.example-shop.com/img/org-sweater-detail-1200w.webp</g:additional_image_link>
<g:additional_image_link>https://cdn.example-shop.com/img/org-sweater-lifestyle-1200w.webp</g:additional_image_link>
</item>
每张图片都按照店铺实际显示的最大分辨率进行缩放,而不是按照工作室原图进行缩放,这通常会大幅减小文件大小,而购物者不会看到明显的质量损失。
相关概念
图片优化是提升页面加载速度最直接的因素之一,因为图片通常占据产品页面总大小的大部分,并且直接影响平台对单个 SKU 商品信息质量的评估。由于图片字段位于产品信息流内部,因此优化图片字段是少数能够通过单一更改同时提升广告效果、自然转化率和页面加载速度的有效方法之一。