场景图与白底图对比:测试和研究的结论、两类图片各自适合的位置、平台规则,以及如何规划和测试你的图片组合。
场景图和白底图通常被当成二选一的较量,但证据指向的是另一个问题:哪张图该放在哪个图位、给哪类买家看、用在哪个平台。干净的白底图让商品便于比较,也符合电商平台对主图的规则。场景图展示商品的使用情况,回答尺寸、使用环境和质感方面的问题。本文梳理已发表的测试和可用性研究究竟说明了什么,把每类图片对应到转化漏斗和平台规则上,按商品类目做出调整,最后给出一个在自己店铺测试图片组合的简单方法。
简短回答
两者都不是处处都赢。在平台要求白底、以及买家需要一眼比较很多商品的地方,用白底图。用场景图来说明使用环境、尺寸和用途——用在广告、社交帖子和主图之后的图集里。然后在自己的畅销商品上测试图片顺序,因为结果因店铺、类目和流量来源而异。
证据究竟说明了什么
买家首先查看图片
Baymard Institute 的可用性测试发现,56% 的用户进入商品详情页后的第一个动作是浏览商品图片(Baymard Institute)。图片是人们评估商品时最先使用的东西,所以它们必须快速回答买家的问题——不管这个问题是"这到底是什么?"还是"放在我家里会是什么样?"
尺寸是常见的未解答问题
Baymard 的测试还显示,42% 的用户会尝试通过图片了解商品大小,而其基准测试发现,28% 的网站根本没有提供任何体现尺寸的图片(Baymard Institute)。单独一张白底图很少能传达尺寸。一张场景图——边桌上的台灯、背在人身上的背包——往往可以。
穿戴类商品需要真人场景
对于服装、配饰和化妆品,Baymard 观察到简单的白底抠图往往不足以让用户理解商品,并建议用真人模特展示这类商品(Baymard Institute)。
同行评审实验:场景有帮助,但有条件
对照研究支持场景图,但有明确的限制:
- 在发表于 Journal of Retailing and Consumer Services 的两项实验中,Maier 和 Dost 发现,与纯白背景相比,带有匹配场景背景的商品图提升了购物者对商品的心理意象,并由此提升了对商品的喜爱度和购买意愿。这一效果只在背景匹配时成立,不匹配时则不成立。对于模糊性较高的商品效果更强;对经验型商品有效,对搜索型商品无效(Lancaster University EPrints)。
- 在发表于 Journal of Business Research 的五项研究中,González、Meyer 和 Paz Toldos 比较了丰富的场景展示与纯白背景。丰富的使用场景提升了女性对情感价值的感知,进而提升了她们的购买意愿,而且这一效果在不同商品类目和价格变化下都成立(DOI;Zenodo, open-access record)。
规律比任何单个数字都重要。场景与商品匹配、能帮买家想象使用情形时,它就有效。对于主要按参数购买的商品,它的作用较小;不匹配的场景还可能适得其反。电商平台和品牌独立站上的结果也不同,所以要把这些发现当作需要在自己店铺验证的假设,而不是预测。
证据没有说明什么
上述来源都没有证明,仅仅改变背景颜色就能保证固定比例的提升。它们一致支持的是:给买家提供他们需要的视觉信息——清晰的细节、真实的颜色、尺寸和使用场景。两类图片都对此有贡献。
场景图与白底图:各自的优势和短板
白底图的优势
- 便于比较:在类目网格或搜索结果页上,统一的白底图让商品便于浏览和并排比较。
- 合规:很多电商平台要求或强烈偏好纯白主图。
- 细节:没有繁杂的场景,商品的形状、颜色和表面处理一目了然。
- 一致性:用同一种方式拍出的商品目录显得整齐可信。
- 可复用:干净的抠图以后可以放进广告、横幅和新场景里。
我们的白底商品图指南介绍了如何把它拍好。
场景图的优势
- 使用环境和用途:展示商品能做什么、适合放在哪里。
- 尺寸:熟悉的物品或人能让大小一目了然。
- 情感和品牌:光线、环境和造型传达出商品是为谁而做。
- 在信息流中吸引停留:场景图在社交平台上显得自然,而一张单调的商品图可能看起来像广告。
- 打消顾虑:"放得进我的厨房吗?""穿上是什么样?"
需要注意的短板
- 白底图可能显得千篇一律,也无法展示尺寸或用途。
- 场景图可能分散对商品的注意力,在颜色或尺寸上误导买家,放错图位还会违反平台规则。制造错误预期的图片也许能赢得点击,随后却带来退货。
把图片对应到转化漏斗
首先要考虑的变量是图位。
| 阶段 | 图片出现的位置 | 首选 | 原因 |
|---|---|---|---|
| 发现 | 社交信息流、付费社交广告、Pinterest | 场景图 | 融入信息流;展示用途和氛围 |
| 发现 | 购物广告、电商平台搜索 | 干净的商品图 | 在拥挤的网格中清晰;平台规则 |
| 考虑 | 合集页和类目页 | 白底或统一的干净图片 | 便于跨 SKU 浏览 |
| 考虑 | 邮件、再营销 | 场景图 | 在首次访问后强化兴趣 |
| 决策 | 商品详情页主图 | 电商平台用白底;独立站用干净的主视觉 | 清晰、可信、合规 |
| 决策 | 商品详情页图集 | 场景图、细节、尺寸、模特上身 | 回答合身、尺寸和用途问题 |
越往漏斗下方,买家越需要使用场景和细节。而凡是由平台控制的图位,都要先遵守平台规则。
一个可以起步的图集顺序
一个实用的八图详情页方案:
- 干净的主视觉,白底或纯色背景。
- 主场景图——商品最典型的使用情形。
- 细节——材质、纹理、表面处理。
- 尺寸——拿在手里、穿在人身上、放在房间里。
- 第二张场景图——不同的用途或环境。
- 功能或参数——平台允许文字时用信息图。
- 款式——颜色或尺码。
- 包装或包装内容。
去掉不适用的图位,把最能影响决定的信息往前放。如果尺寸是你所在类目买家最关心的问题,尺寸图就该放在第二位。
当平台替你做决定时
| 平台 | 主图 | 其他位置的场景图 |
|---|---|---|
| Amazon | 纯白背景;商品至少占画面 85% | 附图可以展示商品的使用情形 |
| Walmart | 无缝白底(255/255/255 RGB),正方形 | 查看类目对附图的规则 |
| Google Merchant Center | 主图上不能有促销文字、叠加元素或额外添加的 Logo | 有专门的场景图属性 |
| Etsy | 没有背景规则;至少一张未经编辑的实物照片 | 只要准确,允许编辑过和 AI 辅助的图片 |
| 你自己的店铺 | 自行决定 | 自行决定——去测试 |
具体细节:
- 亚马逊:亚马逊的卖家指南要求主图中商品占画面 85% 或以上,并把场景图描述为展示商品实际使用情况的图片,用在其余图集中(Amazon Sell blog)。
- 沃尔玛:Walmart Marketplace 的图片指南规定使用无缝白色背景(255/255/255 RGB)、1:1 宽高比、2200 × 2200 像素,支持放大查看的最低尺寸为 1500 × 1500 像素(Walmart Marketplace Learn)。
- Google Merchant Center:Google 规定主商品图必须完整、无遮挡地展示商品,不得有促销文字、叠加元素、水印或额外添加的 Logo,并为展示使用场景的图片提供单独的场景图属性。它还要求用生成式 AI 制作的图片带有标明其为 AI 生成的元数据(Google Merchant Center Help)。
- Etsy:Etsy 要求大多数商品至少有一张未经编辑的照片,其他图片允许使用包括 AI 在内的编辑工具,只要能准确反映买家将收到的商品(Etsy Help)。
如果你在多个渠道销售,至少准备两个版本的主图:一个给电商平台的严格白底版,一个给自己店铺的干净主视觉版。
按类目调整
服装和鞋类:模特上身图说明垂坠感和合身度;平铺图和隐形假模图展示做工。先放平台要求的图,再把模特上身图放在图集靠前的位置。AI 服装模特生成器可以根据商品照片生成模特上身效果。
美妆和护肤:质地涂抹图、手部图以及浴室或梳妆台场景,有助于支撑价格、展示用法。主图保留干净的商品图,避免使用暗示商品无法实现的效果的场景。
家居和家具:使用场景几乎必不可少,因为尺寸是最大的不确定因素。确保房间场景与真实尺寸相符——照片里看起来更大的沙发会被退回来。
食品饮料:一个盘子、一个杯子或一张摆好的餐桌,能让人产生光秃秃的包装做不到的食欲。在自己的店铺里,场景图可以打头;在电商平台上,遵守主图规则。
电子产品和工具:买家会比较参数和外形,所以通常由干净的商品图打头。场景图适合放在图集后面的图位和广告里。
珠宝和手表:用干净的微距图展示细节,再加佩戴图体现尺寸和风格。
两类图片的常见错误
- 在要求白底的电商平台上用场景图做主图:可能被拒或被降权;场景图留给图集。
- 场景误导尺寸:道具比例不对或用了广角镜头,会让商品看起来比实际更大。使用真实尺寸的参照物。
- 不同版本之间颜色偏移:暖色调、有氛围感的场景可能让商品颜色发生偏移。图片组里至少保留一张中性、颜色准确的图片。
- 场景太杂:如果买家看不出卖的是哪件东西,这张图就在帮倒忙。一件商品,几件陪衬道具。
- 只有一模一样的白底图:六个角度的白底图把"这是什么"回答了六遍,却从没回答"有多大"或"我该怎么用"。
- 商品目录风格不统一:类目页上背景和光线五花八门,显得杂乱。为每个图位定一个标准。
- 未经测试的假设:别人店铺的测试结果,对你的店铺来说只是一个假设。
制作:两类图片都要,又不让预算翻倍
过去场景图成本更高:场地、道具、造型师和模特都要花时间。这让很多品牌只能省着用。两个习惯可以缩小差距:
- 为每件商品拍一张出色的干净照片:它既是白底主图,也是其他所有图片的素材来源。
- 从这张照片生成使用场景:把抠图放进场景里,而不是为每个场景重新布置一次拍摄。
ProductShot 正是围绕这一流程打造的。只需上传一张商品照片,AI 白底商品图生成器就能生成干净的上架图,AI 商品场景图生成器把商品放进逼真的场景中,AI 商品换背景则能为季节性或营销活动版本更换环境。Product Lock 的设计目标是让商品的形状、颜色、Logo 和标签在每个版本中保持一致,不过发布前仍应检查包装上的文字。
费用可预期:新账户注册即送 10 个免费积分,无需绑定信用卡,每生成一张图消耗 10 积分。付费套餐起价为每月 $9.9(按年付费,$118.8/年),含 800 积分。请记住上面的平台规则:Etsy 需要一张未经编辑的真实照片,Google 要求生成的图片带有 AI 元数据,而且没有任何工具能保证通过平台审核。
做你自己的图片实验
已发表的研究只是起点。你的商品目录才是真正的检验。
- 选择高流量商品,这样能在合理的时间内得到明确的结果。
- 只改一个变量:更换主图(在平台允许的情况下)或图集图片的顺序;价格、文案和优惠保持不变。
- 先定义指标:转化率、加购率、每位访客收入。
- 提前确定测试时长,不要因为某一天数据好看就提前停止。
- 按设备拆分:在桌面端全屏效果很好的场景图,在手机上变成小缩略图后可能就看不清了。
- 关注退货:等退货数据出来再宣布胜者;如果提升带来了更多"与图片不符"的退货,那就不算赢。
- 记录学到的东西,写成一份该类目的简短图片规范。
如果主图位被平台政策锁定,就在规则范围内做实验——换个角度、裁得更紧或让商品占比更满——或者调整其后的图集顺序。
实例:一盏陶瓷台灯
- 电商平台主图:台灯放在纯白背景上,灯亮着,约占画面 85%。
- 独立站主视觉:同一张干净的图片,或者一张在浅色中性背景上柔光拍摄的照片。
- 第 2 张:傍晚时分放在床头柜上、开着灯的台灯——展示它发出的光。
- 第 3 张:釉面和灯罩面料的特写。
- 第 4 张:台灯旁边放一摞书和一部手机,体现高度。
- 第 5 张:放在客厅玄关桌上。
- 第 6 张:尺寸信息图。
- 广告:信息流用傍晚床头的场景;购物广告用白底图。
- 测试:在独立站上把第 2 张和第 4 张分别作为第二张图测试两周,看转化率和每位访客收入,并按手机和桌面端拆分。
FAQ
总体来说哪类图片转化更好?
没有通用的赢家。同行评审实验发现,匹配的场景图可以提升购买意愿,但效果取决于商品类型和场景是否匹配。在合适的地方用合适的图,然后测试。
白底图在哪里最重要?
电商平台主图、类目网格和购物广告——凡是看重合规和快速比较的地方。
场景图在哪里最重要?
社交信息流、广告、邮件,以及商品详情页主图之后的图集位置,这些地方由使用环境、尺寸和用途来推动购买决定。
亚马逊必须用白底主图吗?
是的,亚马逊要求纯白背景,商品约占画面 85%。场景图放在附图图位。
Etsy 和 Shopify 上可以用场景图吗?
可以。Shopify 由店铺自行决定。Etsy 允许编辑过和 AI 辅助的图片,只要它们准确,但大多数商品仍需要至少一张未经编辑的实物照片。
AI 能用一张商品照片做出两个版本吗?
可以。从一张清晰的真实商品照片开始,用它生成干净的白底版本和场景图,并在发布前把每张图片与实物进行比对。
参考来源
- Baymard Institute, image resolution and zoom: https://baymard.com/research-articles/ensure-sufficient-image-resolution-and-zoom
- Baymard Institute, "in scale" images: https://baymard.com/research-articles/in-scale-product-images
- Baymard Institute, products on a human model: https://baymard.com/research-articles/human-model
- Maier & Dost (2018), Journal of Retailing and Consumer Services, accepted version: https://eprints.lancs.ac.uk/id/eprint/129561/
- González, Meyer & Paz Toldos (2021), Journal of Business Research, DOI: https://doi.org/10.1016/j.jbusres.2020.10.002; open-access record: https://zenodo.org/records/17976775
- Amazon Sell blog, product photos: https://sell.amazon.com/blog/product-photos
- Walmart Marketplace image guidelines: https://marketplacelearn.walmart.com/guides/Item%20setup/Item%20content,%20imagery,%20and%20media/Product-detail-page:-Image-guidelines-&-requirements
- Google Merchant Center, image link: https://support.google.com/merchants/answer/6324350?hl=en
- Etsy Help, listing image requirements: https://help.etsy.com/hc/en-us/articles/44297885802647-How-Do-Etsy-s-Listing-Image-Requirements-Apply-to-My-Listings



