AI长图怎么切成多张？分割方法与接缝处理

一张详情长图传上去之后，运营在手机上滑了一遍，第二屏和第三屏交界的位置出了问题。标题里的月份被从中间切开，上半截留在第二屏的最后一行，下半截成了第三屏的第一行。用户滑到这里，看到的是一个缺了一角的汉字，后面跟着半行说明文字，读起来断断续续。

更麻烦的是另一处：分段正好落在面料特写上，模特肩线以下的部分被切掉，剩下半截画面在第一屏结尾，用户在滑动的时候完全不知道那是什么。这两处都不是画质问题，图很清晰，切口也很整齐，问题在于切的位置不对。

长图分割看起来只是把一张图按高度切开，实际上要同时处理三件事：切几段、在哪里切、切完怎么排序。三件事里最容易出问题的就是切口位置，因为它决定了用户滑动时看到的画面衔接是否连贯。这篇文章围绕这三件事展开，把规则给清楚，再落到具体操作。

图1：切口位置决定了分段后的阅读连贯性，落在文字或主体上就会造成断裂

一、长图为什么要切成多张

先回答一个基础问题：一张完整的长图为什么不能直接上传。原因有三个，都和用户的实际浏览方式有关。

第一个原因是体积和加载。一张纵向拼接的详情长图，高度可能是手机屏高的十几倍，单张体积很容易接近甚至超过平台上限。就算勉强传上去，用户在手机上要等它整体加载完才能正常滑动，等待过程中页面一片空白，多数人会直接退出。

第二个原因是浏览节奏。用户看详情页不是从头读到尾，而是快速滑动扫读，在某几个位置停下来。一整张长图意味着用户必须一次性接收全部内容，找不到停顿的节点；切成多段之后，每一段的开头天然形成一个视觉停顿，用户更容易跟上内容结构。

第三个原因是维护成本。上新、改价、换活动标签时，改动往往只涉及详情页里的某一小块。整张长图要改就得整张重做，切开之后只需替换对应的那一段，其他段落不受影响。长期来看，分段结构的可维护性明显更高。

三个原因里，体积和加载是最直接的，另外两个是长期收益。很多店铺是在被体积问题逼着切图之后，才发现分段结构本身也更好维护。

二、切法与段数怎么定

确定要切之后，第一个决策是切几段、用什么规则切。常见的做法有三种，各有适用范围，选错了要么切口难看，要么段数不合理。

第一种是等分切。按固定高度把长图平均切成若干段，操作最简单，段与段的高度完全一致，看起来整齐。它的缺点是不看内容，切口落在哪里完全靠运气，很容易切在文字或主体上。等分切适合内容排布均匀、段落之间有明显空白的图，不适合主体密集的图。

第二种是按内容切。看图上的自然分界：标题区结束、图片区开始、文字说明结束、规格表开始，切口落在这些位置。按内容切读起来最顺，用户滑到下一段时看到的是一个完整的内容单元。缺点是每张图的分界位置都不一样，不能套用同一套尺寸参数。

第三种是按手机屏高切。按目标设备的屏幕比例反推分段高度，让每一段大致对应一屏。这种方式的好处是用户每滑一次就能看完一段，节奏感最好。缺点是高度受限，如果图上刚好在屏高位置有主体，仍然需要微调。

实际操作中，三种切法经常组合使用：先按内容找出候选分界，再看这些分界与屏高是否接近，接近的直接用，偏差大的在候选分界附近微调，优先保证内容完整，节奏放在第二位考虑。段数控制在三到六段之间比较常见，少于三段切分意义不大，多于八段用户滑动次数过多，阅读耐心会被消耗掉。

段数不是越多越好。多切一段意味着多一次切口、多一次衔接、多一个需要命名的文件，任何一处没处理好都会形成新的断点。在能满足体积和节奏需求的前提下，段数越少越省事。

段数还会影响用户对详情页长度的感知。切成三段的长图，用户在滑动时经历两次停顿，节奏干脆；切成十段，滑动次数变多，每一段的信息量又很少，读起来反而更累。详情页的目标是让用户顺畅读完，不是让页面看起来有很多内容。

还有一个约束来自平台。部分平台对详情页的图片总张数有上限，主图和详情图加起来不能超过限定数量。段数规划时要先把这个数量算进去，避免切完之后发现无处上传，只能再合并或者删减。

三、切口怎么选：避让文字与主体

切口位置是长图分割里最需要判断力的一步。规则只有一条：让切开的画面在用户眼里仍然是完整的。围绕这条规则，有几类位置要避开，有几类位置适合落刀。

文字区的避让要留出余量，不能贴着文字的上下边缘切。原因不是画质，而是压缩和平台缩放会有细微的像素位移。切口紧贴文字时，边缘可能出现半行残影，看起来像模糊的重影。稳妥做法是在文字块的上下各留出相当于一到两行文字的高度。

主体避让要区分画面类型。商品单独展示的图，主体周围通常有背景余量，避让相对容易；模特穿搭图、多件商品的组合图，人物和商品几乎铺满画面，可选的位置很少，这时候需要回到上一层的段数决策，把段数调整到能避开主体的数量上。

四、接缝的视觉处理

分段上传之后，用户在滑动时会在切口处遇到一次换屏，这个换屏动作是自然的，但如果两段之间的画面衔接不好，换屏的瞬间就会有明显的割裂感。接缝处理要做的，就是让用户察觉不到这是两张图。

最容易出问题的是背景色跳变。上半段的背景是浅灰，下半段因为拍摄或调色差异偏暖一点，单独看都不明显，连在一起滑过去就是一道横向的色差线。处理办法是让切口两侧属于同一片背景区域：切口落在同色背景里，或者落在同一张图的渐变过渡区域里，用户的感知就是连续的。

如果原图本身背景就不统一，可以在切分之后做一次统一的背景处理，把两段的背景色调拉到同一个基准上。这一步在一条流程里顺手完成，比上传之后再逐段改图方便得多。

画面裁切造成的比例变化也要注意。部分平台会对上传的每张图做一次等比适配，上下的留白处理不一致时，两段之间的内容高度看起来会有跳动。让每段的首尾都保留一点背景余量，适配时的裁切会落在余量上，不会切到内容。

图2：切口落在同一片背景里，分段之间的衔接几乎察觉不到

接缝处还有一个细节和压缩有关。分段之后每段都要单独做一次压缩导出，如果各段使用的参数不一致，两段的清晰度会有细微差异，滑过去的时候能看出来一段锐利一段发软。同批分段用同一套压缩参数，这个差异就不会出现。

对比型的内容要特别小心。上下两栏的对比图、带引线指向的标注图、有顺序关系的流程说明图，这些内容在视觉上依赖上下文的对应关系。切开之后，上半部分的标注在下半部分找不到对应物，用户看到的就是一组悬空的说明。这类内容适合整体放在同一段里，如果高度实在太大，宁可在它前面多加一段，也不要在中间切开。

如果长图内容量大、切口又多，手工判断每一个位置会很费时间。这时可以先把长图的分段要求描述清楚交给工具处理，让分段结果先出来，再在结果上逐个校核切口，比自己从头找位置效率高得多。

五、顺序、命名与归档

切完之后，还有一件事直接决定使用体验：文件顺序。分段文件如果顺序错了或者命名混乱，上传到平台后台之后，用户在详情页看到的顺序就是错的，这种错误在审核里很难被发现，但用户一眼就能看出内容接不上。

命名规则要做到两件事：能看出顺序，能看出用途。顺序靠统一编号，用途靠文字前缀。编号位数要统一，用两位数而不是一位数，否则在按名称排序时，第十段会排到第二段前面。这个细节在小数量时不容易暴露，段数一多就会出问题。

归档结构按三段来分：原始长图、切分后的分段文件、导出成品。原始长图单独放在一处并且不做修改，后续需要重切、调整段数、修改内容时都以它为起点。分段文件和导出成品分目录存放，避免混在一起之后再分不清哪个是哪个版本。

上传到平台后台之后，要在编辑界面确认一次实际顺序。部分平台的上传顺序和排序顺序并不一致，传上去之后还需要手动调整。上传前按命名顺序排列好，上传时按顺序选择，上传后再核对一遍，这三个动作能把顺序问题的概率降到很低。

六、用青虎AI完成长图分割：四步操作

青虎AI是对话式AI电商作图工具，上传商品图片并写一句需求描述，比如把长图切成三段、把这几张图压缩到 500KB 以内、做一张渐变背景主图，就能直接出图，支持批量处理。分割这件事放在它里面完成，不用打开专业图像软件逐张调。

它覆盖的能力包括 AI图片处理、AI图片压缩、AI图片分割、AI主图、AI详情图和 AI批量出图。长图切分由 AI图片分割完成，切完之后可以直接接 AI图片压缩 控体积，两件事在同一条流程里跑完。上新节奏快、长图素材多的店铺，这个衔接能省下不少来回折腾的时间。

图3：从上传长图到按顺序导出上传的四步流程，切口调整在对话中完成

描述需求时把避让条件写成明确的要求，比用感觉描述更有效。避开文字、避开商品主体、切口落在背景留白处，这三种说法都能被理解并执行。相反，如果只说切得好看一点，结果就只能靠猜。

七、批量分割与结果检查

单张长图手动分割也能应付，一批长图同时处理时，效率差别会立刻显现。批量场景的核心是规则统一和分批验证。

同一批长图尽量沿用同一套分段规则。同一个类目、同一种排版结构的长图，段数和切口判断标准接近，把规则固定下来之后，处理速度会快很多，成品的一致性也更好。排版结构明显不同的长图另立一套规则，不要硬套。

分批推进并及时抽检。每批处理完之后抽两三张不同类型的图，逐段核对切口：文字是否完整、主体是否被截断、段与段之间的背景是否连贯、顺序编号是否连续。确认没问题再进入下一批，把可能出现的问题限制在当前批次内。

检查要放在目标设备上做。在电脑上看长图和切分结果，和在手机上看完全是两种体验：屏幕比例不同，一屏能容纳的内容量差很多，切口在手机上的观感才是用户真正看到的。逐段在手机上滑一遍，是这个环节最有效的一次检查。

分割和压缩建议串成一条流程。切分之后每段的体积通常会下降，但如果原来是一张超高分辨率的长图，切出来的每段仍然可能超标。切完顺手做一次体积核对，超标的段单独处理，比上传时被平台拦下来再返工省事。

处理结果要留档。把每类长图使用的段数、切口规则、命名方式记下来，形成一份内部规范。下次遇到同结构的长图可以直接套用，新人接手也不用从零判断，整条流程的稳定性会明显提升。

八、四个常见误区

长图分割里，有几个做法看起来很合理，实际用起来问题不少。

四个误区的共同点是把分割当成一次性的切割动作，而没有考虑用户会怎么看到它。把切口位置、段数、顺序这三件事放进用户视角里判断，这些做法自然会被换掉。

九、四条提升效率的技巧

四条技巧分别对应切口判断、规则统一、批量验证和流程串联。都不复杂，贵在每次都做一遍，规则沉淀下来之后，长图分割会从一件需要判断的事变成按规则执行的事。

十、三个真实场景

看三个具体场景，可以对照自己最接近的情况直接参考。

图4：从详情长图切分到拼图拆解，长图分割在不同类目里的落地场景

十一、总结：把长图分割做成一套规则

十二、常见问题解答