电商运营图片优化怎么做？主图和详情页这两块先分开做

电商运营图片优化指的是把商品图片按用途重新分工，而不是把所有美图塞进一个文件夹。它关键在先分清两件事：主图抢点击，详情页抢信任。这两块目标不同，做法也就不通用。

这句话听着像废话，我用 3 年才真正信。信之前我一直在做同一件事：把最好看的那张图同时贴到两个地方，然后指望它既拉点击又拉转化。它做不到，它连一半都做不到。

去年冬天我去老周店里，他打开手机给我看新拍的一批图。每张都很漂亮，每张都像杂志内页。我说你这图拿去卖杯子有点屈才，他愣了一下，问那能不能卖出去。这问题我答不上来，只能回去慢慢改。

我一开始觉得这事很简单，后来被现实按在地上教育了两次。第一次是给老周的茶叶店改主图，我把他所有的好图都堆上去了，点击率没动。第二次才发现，图多不等于说得清。人扫搜索结果页的时候，一张缩略图只停 3 秒，你堆十张也没用，他一眼只认一张。

主图抢的是三秒，详情页抢的是耐心

主图的任务是把人拉进来，不是把人说服。

主图的战场在搜索结果页。用户眼睛扫的时候，一张缩略图只停 3 秒左右，这 3 秒里他要回答一件事：这东西跟我有没有关系。答不上来，他就往下滑了，不是你的图不好看，是他没空研究。

详情页的战场在商品页往下滑的过程里。人已经点进来了，说明第一关过了。这里要回答的是另一件事：凭什么信你。他有耐心看，也就意味着他会挑刺，会说「你倒是给我个说法」。

所以我把这两块彻底分开做，甚至分开找不同的参考图。同一个卖点，主图上只能说一句话，详情页里可以讲三屏。这不是偷懒，是因为两者的阅读时间差了十倍以上，用同一种写法必然有一头是废的。

图源：《淘宝详情页制作方法》（第3页 · 原文）

分开做还有个好处：责任清楚了。主图不行是主图的问题，详情页不行是详情页的问题，不用再开会吵「是不是图不行」。开会吵这种问题的团队，通常两张图都挺差，只是他们自己也说不清差在哪。

我见过最常见的偷懒做法，是把详情页首屏截图缩小当主图用。那张图在详情页里是对的，缩到拇指盖大小，字全部没了。同一套图，两个地方都不合格，而做图的人还以为自己省了事，其实省下的是效果。

那句锚话说得对：主图点不点，看的是三秒内能不能看懂你卖什么；详情页买不买，是往下翻的时候有没有被说服。这从来不是一套图，也不是一个部门一句话就能统一的事。

顺便说个判断标准。主图看点击率，详情页看转化率。两个数一起低，说明货或者价有问题；只有转化率低，说明信没过关，先动详情页，别急着换主图。

电商主图怎么优化：先定一张「一眼懂」，再排后面的

主图一般给 5 个位置，每个位置有自己的任务。下面这套分法是我的做法，不是平台硬规定，但用下来最省事，也不容易跟设计师吵架。

第 1 张负责「一眼懂」。产品占画面的比例要够大，背景干净，卖什么一眼认得出来。白底图就干这个活，它不负责好看，负责别让人猜。这一张是五个位置的底线，底线破了，后面四张全白做。

第 2 张放场景图，把东西放进真实使用的地方。一杯茶放在办公桌上，和一杯茶放在白底上，说服力是两码事。场景图是在替用户想象，不是在展示产品本身。

第 3 张放对比图，把差别指出来。薄的厚的摆一起、旧的新款摆一起，用户不需要读文字就明白差在哪。对比图的力气全在「并排」两个字上，前后各放一张，那是两张普通图。

第 4 张放细节，把用户最担心的地方放大。线头、接口、封口、标签，越具体越好。这一张不追求美，追求的是让人一眼认出「这东西做得不糙」，所以宁可拍得粗糙一点，也别虚焦。

第 5 张放资质、包装或者赠品清单。我见过一个卖陶瓷杯的，第 5 张只写「碎了包赔」四个字，改完之后进店转化是我动手之前的两倍上下。四个字比一堆行业认证更能让人下单，这事听着荒谬，但它就是发生了。

电商主图怎么优化，我的答案是：先保证第 1 张不出错，再让后面四张各管一件事。四张图说同一个卖点，等于只做了一张，而且是重复交作业的那一种。

这五个位置我一般一次拍完，把同一组照片分别裁到不同位置去用。裁的时候眼睛只盯一件事：这张裁完还认得出是什么吗。认得出就留，认不出就换，别心疼素材成本，素材成本比点击率便宜多了。

还有一点得先说清。主图能提升的点击率有天花板，天花板由货和价决定。图做到位了数据还不动，别再继续加滤镜，那是另一块的问题，硬改图只会让你误判整个店铺。

商品图片的尺寸规范：别让图在三个地方变形

尺寸规范不是审美问题，是技术问题。图不对，平台会裁、会压、会缩，你精心排的那句字可能正好被裁掉一半。这事跟设计水平无关，跟文件交得对不对有关。

我踩过最贵的一个坑是手机端。在电脑上看着横平竖直的排版，到手机上缩一半，字号全部糊成一片。那次是我自己不小心点开手机端才发现的，盯了整整两天，一直以为是自己审美不行。

按我踩坑攒出来的做法，尺寸要盯四个地方：画布比例、主体占比、安全边距、导出体积。这四条不像创意那么热闹，但它们是唯一能被量出来、能写进交接单的东西。

画布比例上，主图按正方形出，详情页按长图切段。一个位置一个比例，别拿一张万能图去套所有位置，那是省事的捷径，也是变形最常见的原因。

切长图的时候我有个习惯：每一屏切成独立一段，不要一屏跨两段。跨段之后有人上传会错位，错位之后的图，用户看到的是半张脸、半行字，比不配图还难看。

主体占比上，产品别贴着边，留出一圈位置，裁切的时候才不伤主体。这一圈就是我说的安全边距：它不是留白美学，是防着平台替你重新构图。

导出体积上，别一上来就出原图。加载速度这一项用户感受最直接——图越重，页面越慢，人在下面等着就走了。手机的流量也不是免费的，这点很多人做图时压根不想。

短视频背景页我也有一条判断标准：品牌 LOGO 放左上角，slogan 摆正上方，宣传图放中下半部分。这个顺序先让人认出你是谁，再看到你想说的话，反过来就成了纯广告。

依据《翊阁生物企业店-20230301-抖音店铺视觉升级》，主图与幅图的整体背景与素材要保持大致统一，只有产品或排版可以变。这一条我很同意：背景每次都换，用户记不住你是谁。

商品图片的尺寸规范说到底是一份清单，不是一份审美意见：比例对不对、主体贴不贴边、字缩一半看不看得清、文件重不重。四条过完，图才轮到谈好不好看。

图源：《翊阁生物企业店-20230301-抖音店铺视觉升级》（第10页 · 原文）

详情页图片怎么做：先排卖点，再想画面

详情页最常犯的错，是一上来就找设计师要图。顺序反了。先要定的是卖点排序，再让人出画面，否则设计师再厉害，也只是在替你猜哪个卖点重要。

优洁雅洗衣液的详情页是个好样本。它的卖点排得很硬：天然环保、高浓缩用量更省、高渗透去污更省力。后面接着五个购买理由，一条一条往下排，不跳，也不绕。

它连容量和使用场景都写进去了：瓶装、260 毫升补充袋、85 毫升旅行装，各管一种场景。用户看到旅行装那一屏，脑子里自己就弹出「我出差能用」，这一屏不是图好看，是把人放进了场景里，比任何一句文案都省力。

首屏不是目录，它只有一次拦住人的机会。

首屏决定人往下翻不翻。一屏里我只放三样东西：产品是什么、凭什么信、多少钱。多塞一样，人就滑走了，因为首屏不是目录，是拦住他的第一道门槛。

中间几屏按「担心的顺序」排，不按「我骄傲的顺序」排。用户先担心正不正品，再担心合不合用，再担心贵不贵。顺序错了，说服力就散了，你想讲的那条故事线，其实没人跟着走。

这类实操材料我平时是从运营动脉上取的。方案、课件、报告、测算表一套一套配着，不用自己从零搭框架，急用的时候能救急。

详情页图片怎么做，我给的一句话是：把用户的疑问按顺序摆出来，一屏答一个，答完就停。答不完也没关系，把最贵的那一条答透，剩下的交给评价区去补。

图源：《淘宝详情页制作方法》（第4页 · 原文）

同场景不同品类，图的力气该往哪使

同样是在做图，卖的东西不一样，力气确实该花在不一样的地方。下面这张对照，是我给身边几个店主总结的，他们照着改过之后，抱怨都少了。

这张对照看下来，你会发现一件事：主图最难的不是好看，是让人在三秒内知道这是什么品类、什么规格的货。这一关过了，才有后面的机会，过不了，详情页做得再好也没人看。

我的判断是，日化和小件五金可以照模板做，做完就收工。护肤和特产要花更多时间在详情页上，因为用户买的是「信不信」，不是「便不便宜」，这一点钱省不下来。

图源：《淘宝详情页制作方法》（第2页 · 原文）

土特产这一类我还想多补一句。它最值钱的图往往不是产品图，是产地图。整箱、纸箱上的字、堆货的仓库角落，这些东西不好看，但它们在替你说「这货有来处」。好看解决不了信任，来处可以。

图片优化里最花钱的四个误区

第一个误区是把水印铺满图。很多人觉得能防盗，但用户在缩略图里看到一片字，第一反应是这店不专业。我劝你盗图这事少操心，先把点击率弄上去，点击率不上去，图被盗了也没人看。

第二个误区是主图里塞满文字。满屏红字加箭头，是十年前的做法。手机上缩到拇指盖那么大，那些字全部变成灰色的噪点，你以为在强调，用户看到的是脏。

第三个误区是详情页做得越长越好。我见过做 20 屏的，翻到第 6 屏人已经疲了。屏数不是重点，每屏有没有回答一个问题才是，答不出来的那屏，删掉反而更好。

第四个误区是只改图不改价。图能把人骗进来，骗进来之后发现价不对，退货率马上教做人。图片优化能拉来流量，拉不来信任，这两样东西不是一回事。

还有一个边界得说清：图能骗人进来，骗不了人留在这里。

图很差但价格极低，照样有人买。这种情况我也见过，那是价格在硬撑，不代表图做得好，更不代表这套经验可以复制到别人店里，硬学只会亏。

反过来也一样。货对、价对、图对，三样齐了才算完整。只补图这一样，你会把它当成万能药，然后失望，然后开始怀疑是不是自己审美有问题——大概率跟你审美没关系。

我自己的改图顺序，你可以照着走一遍

第一步先不改图，先看数据。把最近 30 天的点击率和转化率分开看，哪一头低就改哪一头。算法很简单：曝光乘点击率得进店人数，进店人数乘转化率得成交金额的那一批人。

主图低就改主图，详情页低就改详情页。两个一起改，改完你也不知道是哪张图起的作用，然后只能凭感觉记功，凭感觉记功的人，下次还会犯同样的错。

还有个小动作值得做。改之前先把现在的图存一份，标上日期，改完过一周再看两张摆一起。半年下来这就是你自己的一本图册，比任何教程都管用，因为里面的判断标准是你被数据教育出来的。

第二步是列一份检查清单。原图清不清晰、主体够不够大、有没有多余的水印、文字在手机上看不看得清、加载快不快。五项里有两项不过关，先别谈创意，创意解决不了糊图和重图。

这份清单我抄在便利贴上贴在显示器边上，改图的时候逐条划。划到第三项最容易卡住：水印这件事，十个店主里八个都说「不加被人偷」，而他们从来没算过这行字到底挡住了多少点击。

图源：《翊阁生物企业店-20230301-抖音店铺视觉升级》（第3页 · 原文）

电商运营图片优化最怕的不是做得烂，是改得太勤。

第三步是一次只动一张。动完等够一个周期让数据跑出来，再决定下一张。急着全换，数据永远在打架，最后你会得出一个结论：改图没用。其实是方法没用。

这套顺序没什么技术含量，就是别同时动两件事。我吃过这个亏：改完数据大涨，高兴了三天，才发现是平台在推流量，跟图一点关系没有。那三天我还在心里给自己记了一功。

所以电商运营图片优化这事，最后还得落回一句：它是门手艺，不是审美比赛。手艺的评价标准只有一个，用户有没有因为你改的那张图，多做了一次他想做的事。

下一步我建议你只做一件事：把现在的主图缩到手机大小，自己看 3 秒，然后问一句「我看懂它卖什么了吗」。看不懂就重做第一张，看得懂就去改详情页首屏。

这两个动作做完，你已经比隔壁多走了一步，而且这一步是能被数据看见的。

至于那些花大价钱拍出来的大片，我一般留到详情页中间用。放首屏太浪费，放主图太奢侈，放中间正好——那里的读者，已经愿意停下来看了。