AI淘宝详情长图怎么做？详情长图制作方法详解

淘宝详情长图是详情页里最主流的信息承载形态。买家在手机上一屏一屏往下滑，看到的是一段连续的画面流，这段画面流从第一屏到最后一屏如果是一套连贯的设计，浏览体验就像在读一篇图文并茂的商品说明；如果只是几张互不相干的图片拼在一起，买家划几下就失去耐心。两种长图带来的停留时长和转化差距，往往比想象中大得多。

长图和普通模块图的区别不在技术，而在设计思维。普通模块图是散装的几张图，每张图各说各的；长图是一整段叙事，每一屏都承接上一屏，卖点顺着一条逻辑线展开，最后收在促使买家下单的动作上。做长图的人要在动手前先想清楚这条叙事线，而不是先想清楚哪张图好看。

对中小卖家来说，长图制作通常卡在两个地方：一个是不会规划，不知道整段长图该讲什么、每屏放什么，只能想到哪做到哪，最后出来的图逻辑混乱；另一个是出图效率，长图动辄十几屏，用设计软件一屏一屏排，一套下来大半天，改版成本很高。

这篇文章围绕长图的全流程展开：先讲长图的设计基准，再讲买家在手机上的浏览逻辑，然后给出分屏规划的框架，最后用青虎AI演示从整图构思到分段生成、批量复用的具体做法。读完你就能拿着自己的商品，按这套方法排出一套逻辑连贯的详情长图。

全文以当前淘宝详情页的通用呈现方式为基准，后台具体的上传限制以发布时系统提示为准，参数给的是经过大量商品验证的经验值。

一、为什么详情长图的浏览体验更重要

长图的核心价值是它掌控了信息的呈现顺序。买家打开详情页，看到什么、先看什么、按什么顺序看，完全由长图的排列决定。一套排版得当的长图，能把最想传达的卖点放在买家注意力最集中的位置，把补充信息安排在滑动过程中自然出现，买家全程顺着你设计的路径走完。

反过来看，缺乏设计的详情页长图呈现的是随机信息流。首屏之后买家看到什么取决于图片顺序，顺序随意，买家就被迫在乱序里自己找重点，多数人找不到就走了。数据上能观察到明显的差异：叙事连贯的长图，详情页平均停留时间明显更长，下拉到后段卖点区的比例也更高。

这里有一个常被忽略的事实：详情长图的大部分流量来自手机端，手机端的浏览习惯是快速滑动，一段视频的耐心也就几十秒，对长图的耐心更短。长图要在这种快节奏里留住人，靠的不是某一屏的视觉惊艳，而是每一屏都让买家觉得下一屏值得看。

理解了这个区别，做长图时的取舍就有了依据：凡是需要买家按顺序理解的信息，放进长图主线；凡是买家可能只想快速核对的硬信息，放在页面后段独立呈现。买家想看细节时能找到，想通读故事时读得顺，两不耽误。

二、详情长图的设计基准：宽度、比例与画布

长图设计的起点同样是定画布。全套长图统一按宽度800像素设计，所有屏、所有分段保持同宽，这是保证上传后画面连续的前提。宽度定了，剩下的比例问题围绕高度展开：长图的长度没有统一标准，短的六七个手机屏，长的可以到二十屏以上，取决于商品需要讲多少内容。

设计长图时习惯按屏来思考。把800像素宽的画布看成一条纸带，在纸带上先画出每一屏的占位，标出这屏讲什么、用什么视觉元素、文字信息量多大，屏与屏之间的切换点画清楚，然后才开始逐屏填充内容。先画分镜再填内容，是长图不跑偏的关键动作。

段内画面的主体和文字比例也要提前约定。主体商品图一般占画面一半左右的面积，文字区占两到三成，其余留白做呼吸空间；主体太小卖点不突出，主体过大文字没有落脚处，比例失衡的画面在连续滚动时最容易显得杂乱。定好比例规则后每段都按它执行，整套长图的视觉秩序就立住了。

分屏占位时要注意一个比例问题：手机竖屏的显示比例大约是9比16，长图的每一段内容在一个屏里要能被完整看到，段的高度就不能太夸张。按800像素宽推算，单段高度控制在1100到1500像素之间，接近一个手机屏的显示内容量，买家一屏看一段，阅读节奏最舒服。

设计维度	参考取值	说明
画布宽度	800像素	全套分段统一宽度，保证上传后画面连续
分段高度	1100-1500像素	约一个手机屏的内容量，滚动节奏平稳
整体长度	视内容而定	叙事需要多少屏就排多少屏，不为长而长
单段体积	控制在3MB以内	超出后上传易失败，也拖慢手机端加载
文件格式	JPG	照片类长图体积小，加载更快
主标题字号	不低于48像素	按800像素画布计，缩放后仍清晰
正文字号	不低于28像素	手机实际显示下能顺畅读完

分段高度这个参数很多人不重视。段切得太高，一屏显示不完，买家要滚动两次才能看全一段，内容在滑动中被切走一半，关键信息容易错失；段切得太碎，滚动节奏琐碎，浏览体验断续。把每段内容量控制在一个屏幕能容纳的范围内，是长图阅读节奏的基础。

还有一种做法值得提醒：把长图画布高度定死再导出一张超长图，直接上传整图。这种方式在部分后台会遇到单图尺寸限制，加载也慢，后期想改中间某一段必须整图重做。稳妥的做法是设计时保持整段连续，导出时按分段切好，一段一张图，分段上传。

图1：详情长图先按屏分段规划，再逐段填充内容的画布示意

三、长图浏览逻辑：买家怎么滑，长图就怎么排

买家滑动长图的注意力分布是有规律的。打开详情页的前两三屏是注意力峰值，他会认真看你讲什么；中间段注意力波动，遇到感兴趣的内容停下来，遇到无感的内容快速划过；越往后流失越多，能滑到尾部的人比例不高。长图的内容安排要顺应这条注意力曲线。

落到具体排布上，长图叙事遵循一个经典结构：先抛钩子，再铺痛点，然后给方案，接着堆证据，最后促行动。钩子用在第一屏，用一句话或一张图回答买家为什么要点开你；痛点在第二三屏铺开，描述买家正在经历的麻烦，让他产生这说的就是我的感受；方案部分进入产品，把卖点逐个展开。

证据和行动部分决定成交。方案讲完之后买家不会立刻下单，他要确认你说的是真的，此时把实拍图、检测报告、用户评价、对比实验按序放进来；确认了信任，最后再用售后保障、优惠信息推一把。这一整条线就是买家从好奇到信任再到下单的心理路径，长图只是把这条路径视觉化。

每一屏内部的视线顺序也值得设计。中文字人的阅读习惯是从上往下、从左往右，单屏内的信息排布遵循同样的方向：上面放视觉主体吸引注意，下面放解释文字承接理解。重要信息不要压到单屏底部，那里是滚动切换的模糊地带，容易被快速划走。

屏与屏之间的衔接是长图最容易露怯的地方。设计时把每一段看作上一段的延续，段尾埋一个话头，段首接住并展开，比如上一屏问出问题，下一屏给答案，衔接自然的长图划起来一气呵成，衔接生硬的长图像换页一样一跳一跳，阅读体验差别明显。

首屏内容的选择还要参考买家的搜索意图。从引流关键词能看出买家想解决什么问题，搜保暖内衣的买家关心会不会起球，搜大码女装的买家关心显不显瘦，搜除湿机的买家关心噪音大不大。把搜索意图对应的答案放进首屏，详情长图和搜索需求就对上了，买家会更容易觉得这页内容是为自己准备的。

图2：叙事连贯的长图让买家一路滑到底，信息罗列的长图在中段大量流失

四、长图的模块规划：四段式排布一整条叙事线

把整条叙事线拆开看，一张成熟的详情长图由四个段落组成，每个段落承担不同的任务，段落之间顺序固定。规划长图时先按四段划分内容总量，再在每一段内部细分屏。

四个段落的屏数分配按商品类型调整。功能复杂的商品，痛点与方案段要铺足，多给屏数；决策成本高的商品，证据信任段要厚，检测报告、售后承诺不能省；价格敏感的商品，钩子开场和行动收尾都要加码，价格优势在首屏就亮出来。

规划时把每一段的任务写成一句话贴在工作文档里，填充内容时反复对照：当前这屏有没有在完成它所属段落的任务，没有完成就删掉重排。很多长图越做越臃肿，就是因为在填充过程里跑偏，加了一堆不属于任何段落任务的装饰性内容。

收尾段往往被忽视。长图花大力气把买家带到尾部，最后却没有一个明确的行动指令，前面所有的说服都白费。行动收尾要同时给理由和指令：为什么现在买值得，点哪里下单，下单后能得到什么保障。一套详情长图应该保证任何从首屏一路看到尾部的人，都知道自己接下来该做什么。

五、详情长图最常见的四个误区

长图制作里反复出现的问题集中在四个地方，多数长图翻车都是从这四个点开始的。做的时候逐条对照检查，能避开大部分返工。

四个误区的根源都是把长图当作展示媒介而不是销售媒介。长图的每一屏都要回答一个问题：这屏内容能不能推动买家离下单更近一步。回答不了这个问题的屏，无论多好看都是多余的。

六、用青虎AI生成详情长图：从整图构思到分段输出

长图规划清晰之后，执行环节交给工具。传统方式用设计软件一屏一屏手排，讲究的人还要手工统一整套配色和字体；青虎AI把这件事变成对话式操作，你把长图要讲的内容按段落说清楚，它按你的规划生成对应分段，批量商品走同一条模板线。

青虎AI是对话式的电商作图工具，适合长图这类结构固定的重复任务：输入商品图片和需求描述，描述里写清楚这是长图的第几段、这段讲什么卖点、用什么风格，它按描述生成对应分段的成品图，支持一次上传多张图片做批量处理。规划花的时间反而占了工作量的主体。

和单张图不同，长图生成更依赖对前后文的交代。给青虎AI的每一段需求里，除了内容、风格，最好带一句上一段收在什么地方，它才能顺着把画面衔接下去。比如注明上一屏抛出充电慢的痛点、这一段给出快充实测数据，段与段之间在语言上交代清楚，比后期手工修补衔接省力得多。

图3：先拆解分镜、再分段生成、最后衔接校对的详情长图制作流程

分段生成时有一个容易踩的坑：把整条长图一次性交给工具生成，生成结果往往在风格统一性上出问题，而且无法单段修改。按段生成、逐段确认、最后衔接，虽然多几步操作，但每一段都能单独调整，返工成本和一次成图后的整体返工相比小得多。

青虎AI也适用于长图改版。老链接的长图只需要改中段卖点，就只把对应段落的图片重新生成，保留首尾两段不动，替换上传后新版长图立即生效。长图按段维护的价值在这里完全体现出来，改一处不用动全身。

七、长图中的文案与视觉节奏

长图最终要接受文字阅读的检验。电脑上看长图是整幅铺开，手机上看是一屏一屏滚动，文字要在这种滚动阅读里保持可读性，节奏设计比单屏精致更关键。

文案节奏的要点是控制每屏的文字密度。一屏内容对应一次滑动停留，信息量要控制在一个手机屏能消化完的程度：主标题一两行说清结论，正文三四行解释原因，配图负责具象呈现。文字量超过这个范围，买家就要在滚动和回看之间来回折腾，体验急剧下降。

单屏要素	合理配置	过量的信号
主标题	1-2行，说结论	超过3行还在堆卖点
正文	3-4行解释	整段文字超过5行
信息点	单屏一个重点	一屏塞进多个并列卖点
配图数量	1-2张主图	多张小图堆叠无主次
视觉主体	每屏有明确焦点	元素铺满无从看起

视觉节奏方面，长图要在信息屏之间安排呼吸屏。所谓呼吸屏是信息量小、以场景或氛围为主的过渡段，它不承担卖点任务，只负责让买家在连续的高密度信息之间缓一口气。完全没有呼吸屏的长图，读起来像连续不间断的广告，压迫感强，流失反而加快。

文案还有一个长期被低估的作用：长图的文案语言要和商品的搜索词、主图文案保持一致。买家从搜索列表页进入详情页，如果他看到的详情文案和点进来之前看到的标题、主图讲的是两套话，会产生对不上的感觉。详情长图的卖点表达从标题承接过来，一路贯穿到收尾。

长图文字写完建议做一次外行视角复查：找不熟悉你商品的人，让他只读长图文字不看画面，再问他能复述出几个卖点。能复述出来的就是讲清楚了的，复述不出来的就是表达失败的。卖点的表达标准是脱离制作者也能被转述，行业术语和自嗨式文案都过不了这一关。

八、长图的切分与平台适配

长图设计完成之后进入切分环节。切分解决两个问题：一个是后台上传的单图限制，另一个是后期维护的灵活性。切分的原则是设计连续、交付分段：设计阶段把整条长图当整体来规划，交付阶段把长图按屏切成一段段独立图片，逐段上传。

切分的边界和分段设计的边界重合，每段切点落在屏与屏的切换线上。切分时有一个细节要盯住：不要在段与段的边界处放置跨段内容，比如一段文字横跨切分线、一个主体图被切成两半，这样的内容在上传后会出现明显的接缝断裂感。信息完整地收在段内，段与段之间留出干净的切换带。

上传后的适配检查要分终端做。详情长图主要在手机端阅读，但部分买家的购买路径经过电脑端，两端的显示比例不同，检查时两端都要过一遍：手机端看文字清晰度、看滚动节奏，电脑端看整页排布、看是否有过大的留白或断档。发现问题的段落只重做对应一段，替换后重新预览。

分段后的图片建议按01、02顺序编号，名称带上商品标识，比如商品名加段号。上传时按编号顺序操作，配合图片空间按链接归档，改版换图时能直接从命名定位到要替换的那一段，不用在一堆图片里逐张辨认，多人协作出图时也不容易传错顺序。

图4：详情长图按屏分段后的手机端浏览体验，滚动节奏平稳、段段衔接自然

平台适配还有一个隐藏项：详情长图的整体长度越长，加载越慢，越靠后的屏被看到的机会越小。统计里能看到明显的衰减，尾部屏的曝光远低于首屏。内容确实多时，把最不重要的信息放在最尾部，即使曝光不足也不影响核心卖点的传达。

九、做详情长图值得坚持的四个习惯

长图制作和详情图制作一样，属于高频重复任务，结构固定但每次都要从头执行一遍。把下面四个习惯坚持下来，每次制作都能稳定在同一水准，少走弯路。

四个习惯共同指向一个目标：让长图制作从依赖灵感的创作变成可以重复的流程。灵感型制作每次都是赌博，流程型制作每次都有下限保障，对需要持续上新、持续优化链接的卖家来说，稳定性就是竞争力。

十、三个用青虎AI做详情长图的落地场景

看三个把长图方法落到商品上的场景，分别对应新手、多SKU和改版三种状态。

三个场景的共同特征是把长图当成一条可以被拆解、被局部优化的生产线：内容可以分屏、修改可以分段、复用可以走模板。青虎AI负责把每个段落快速做成成品图，卖家把精力放在分镜和衔接的打磨上，两者配合才能持续做出稳定的详情长图。

长图长度也要配合商品和价格来定。客单价高、决策链条长的商品适合更完整的叙事，买家需要足够信息支撑下单决心；低客单价、冲动型的商品，买家几句就能讲清楚的下单理由被铺成二十屏，反而拖累转化节奏。判断标准是内容撑不撑得起屏数，撑不起就精简到撑得起的长度。

十一、把详情长图制作变成可复用的流程

十二、关于淘宝详情长图的常见问题