抖音电商商品卡主图:内容场景和货架场景,一张图要接住两种流量
抖音电商的流量一半来自短视频和直播,一半来自商城、搜索这些“货架”。很多用户是看完视频再去搜索的,商品卡主图如果和视频里的样子对不上,就接不住这部分流量。本文讲商品卡主图的设计逻辑。

早期做抖音电商,大家的注意力几乎都在短视频和直播上,商品卡主图只是“挂车时顺手上传的图”。这两年情况变了:商城、搜索、店铺页这些“货架场景”带来的流量越来越可观,商品卡主图开始直接影响一部分销量。
更重要的是,两种流量是连在一起的。很多用户刷到一条视频,当时没下单,过一会儿去搜索框里搜关键词,在搜索结果里找“刚才那个东西”。如果你的商品卡主图和视频里的样子完全不同,用户很可能认不出来,转头买了别人的。
两种场景,两种看图方式
| 内容场景(短视频、直播) | 货架场景(商城、搜索、店铺) | |
|---|---|---|
| 用户状态 | 被内容吸引,被动接收 | 有明确需求,主动寻找 |
| 看到的形式 | 视频画面、直播间、商品卡弹窗 | 列表中的商品卡主图 |
| 决策依据 | 达人讲解、使用演示 | 主图、价格、销量、评价 |
| 主图作用 | 确认“就是这个” | 在列表里被点开 |
所以商品卡主图要同时满足两件事:让看过视频的人一眼认出来,让没看过视频的人在列表里愿意点开。
一致性:主图和视频要“长得像”
“看后搜”的用户脑子里记住的,是视频里的画面:某个颜色、某个角度、某个使用动作。商品卡主图要尽量和这个记忆对上:
- 颜色一致:视频主推的是哪个颜色,主图首图就用哪个颜色;
- 角度接近:视频里反复出现的产品角度,可以作为首图的角度参考;
- 关键元素保留:如果视频的核心卖点是“折叠后只有手掌大”,首图最好也能体现折叠状态;
- 名称一致:视频里口播的产品名称和商品标题中的关键词一致,用户才能搜得到。
我们见过一个反例:一款便携风扇,视频里主推的是奶白色,达人反复展示挂在脖子上的使用方式;商品卡首图却是黑色款的白底正面图。视频播放量不错,但搜索进店的转化很低。把首图换成奶白色、挂脖使用的画面后,搜索流量的转化明显好转。
列表里被点开:货架场景的主图要点
在商城和搜索结果里,商品卡主图面对的是和传统电商类似的竞争。几个要点:
- 主体清晰:商品占画面的大部分,缩小后依然能辨认;
- 一个卖点:首图最多一句卖点文案,字要大;
- 场景暗示:抖音用户对生活化的画面接受度高,适度的场景比纯白底更有亲和力(白底图仍需按要求另行准备);
- 避免违规用语:广告法禁止的绝对化用语、无法证实的功效描述,在主图上同样不能出现。
商品标题和主图的配合
货架场景里,商品卡由主图和标题共同组成。很多店铺的主图和标题各说各话:主图展示的是使用场景,标题堆满了关键词。更好的做法是让两者互相补充:
- 主图负责“看得懂”:商品是什么、长什么样、在什么场景用;
- 标题负责“搜得到”:包含买家搜索时会用的词,尤其是视频里口播过的产品名;
- 两者不要重复同样的信息,主图上已经写了的卖点,标题可以换一个角度说。
还有一个细节:同一款商品在不同视频里被达人用不同的名字称呼,比如“挂脖风扇”和“颈挂风扇”,标题里最好都覆盖到,方便看后搜的用户找到。
规格和白底图
抖店商品主图的常见做法如下,具体以抖店后台和类目规则的最新要求为准:
- 主图通常为 1:1 方图,服饰等部分类目支持 3:4;
- 尺寸建议做到 800 像素以上,保证清晰;
- 需要按要求上传白底图,用于部分推荐和活动场景;
- 可以上传主图视频,竖屏视频在抖音的环境里更自然。
白底图和其他平台的要求类似:纯白背景、商品完整居中、无文字和水印。可以用 AI 抠图 批量处理。
服饰类:3:4 和模特
服饰是抖音电商的大类目。3:4 的竖版主图能更完整地展示模特全身,也更接近视频的竖屏观感。几个建议:
- 首图用视频中出镜的同款、同色,最好是同一个模特或相似风格;
- 主图组里要有一张平铺或挂拍,展示衣服本身的版型;
- 尺码信息单独做一张图,数值以实测为准。
测图方法
抖音电商的商品卡可以通过推广工具获得货架场景的曝光,适合做小规模测图:
- 准备 2–3 张首图,每张只改变一个变量,比如“白底 vs 场景”“正面 vs 使用中”;
- 用相同的预算和投放设置测试几天;
- 比较商品卡的点击率和成交转化,保留表现更好的那张。
注意测试期间不要同时大幅调整价格或上新视频,避免干扰。
从视频中提取主图素材
很多店铺的短视频素材比商品图丰富得多。一个实用技巧:从表现最好的短视频里截取关键画面,作为商品卡主图的素材。截图分辨率通常不够,可以用 高清放大 提升到 1200 像素以上,再进行裁切和精修。这样做出来的主图,天然和视频保持一致。
短视频的封面和开头怎么做,可以参考 TikTok Shop 短视频封面与前 1 秒,大部分思路在抖音同样适用;直播间的画面布置,可以看 直播间视觉怎么搭。
继续阅读


