AI详情图切片怎么做？AI详情图切分与导出教程

回想一次常见的详情图上传经历：一张做好的长图传到后台，第一遍顺序乱了，第二遍图片太大传不上，第三遍传上去了手机端看着又有白边，来回折腾小半天，最后发现问题出在切片上。切片这个动作看着机械，却是详情图发布流程里返工率最高的环节。很多卖家把精力花在做图上，忽视了切片，结果图做得再好，发布环节一样卡壳。

这篇内容把详情图切片这件事讲透。先复盘一次上传返工是怎么发生的，讲清切片在发布流水线里的位置和价值，再给出切片尺寸、平台要求、命名规范这些可以直接照抄的标准，然后对比切片的各种方法，最后落到具体操作：怎么借助青虎AI的详情图复刻功能，把参考模板复刻成自己的详情图并完成切片。内容全部对着日常操作写，每个参数都能直接执行。

先给一个整体定位：切片不是简单的切割，而是按照平台上传规则和页面展示逻辑，把一张长图拆成若干张规格统一、顺序明确、便于管理的小图。切得好的详情图，上传顺利、加载流畅、修改灵活；切得乱的详情图，每个环节都在返工。

文章比较长，建议先通读框架，再对照自己上一次上传详情图的过程，看看卡在哪一步。后面每个章节都有能直接执行的参数和步骤。

一、一次上传返工的现场：切片问题从哪来

把一次返工的过程完整复盘，能看清切片问题的全部来源。一次典型的详情图上传返工，通常按这个顺序发生。

版本混乱是返工的起点。设计师交付长图，文件名是最终版或者新建画布，运营拿到图不知道这张是不是最新版。传到一半发现版本错了，全部删掉重传。版本命名不规范，是切片流程的第一个坑。

顺序错乱是第二个坑。平台大多按上传顺序排列图片，运营凭记忆选图上传，传完发现详情页的图片顺序是乱的，只能全部删除重新排。顺序问题不是切片本身造成的，但切片文件没有规范命名，上传时就无法保证顺序。

尺寸和大小问题是第三个坑。长图直接传，文件超过平台限制，上传失败；切好的切片宽度不统一，手机端显示变形；单张文件过大，加载慢。尺寸大小不合规，是切片返工最常见的原因。

边缘和衔接问题是第四个坑。切片边缘残留白边，拼接处出现明显分隔线；相邻切片重叠或留缝，内容显示不完整。这些问题在电脑上看不显眼，手机端一放大就露馅。

四个坑往往同时出现，返工一次就要把版本、顺序、尺寸、衔接全部重来一遍，时间成本翻倍。追根溯源，四个坑都指向同一个缺口：做图的时候没有为切片做准备。做详情图时顺手把模块分隔画清楚，切片环节的问题就少一半。

复盘完这次返工，切片这件事的价值就清楚了：它不是做图之后的收尾杂活，而是决定发布效率的关键环节。切片规范建起来，返工率会断崖式下降。

返工现场还有一个容易被忽略的细节：返工消耗的不只是时间，还有团队的心气。同一张图传三遍，设计师觉得是上传的问题，运营觉得是设计的问题，互相甩锅，协作成本直线上升。规范统一之后，问题出在哪个环节一眼就能定位，责任边界清晰，协作摩擦自然减少。

对多平台运营的店铺来说，切片返工的成本还会翻倍。一套图要在淘宝、京东、拼多多各传一遍，每个平台的要求略有差异，返工一次就是三个平台的重复劳动。按平台规范把切片一次做对，省下的时间乘上平台数量，收益是叠加的。

二、切片的价值：上传规则、加载体验、维护成本

理解了切片为什么重要，再看切片解决了什么问题。切片的价值体现在三个层面，每个层面都对应实际的工作场景。

上传规则层面，主流电商平台的详情页上传，有的支持整条长图，有的要求分段上传，即使支持长图的平台，分段上传也是推荐方式。分段上传后，平台在手机端逐张加载图片，用户打开详情页时第一屏先出来，后面的图片按滑动顺序逐屏加载，整体加载速度快。

加载体验层面，一张超长的详情图作为一个文件传输，文件体积大，网络慢时整个页面一直转圈。切成多张后，每张文件小，浏览器可以并行加载，用户滑动到哪屏，那屏的图片基本已经就位，体验顺畅得多。移动端网络环境复杂，加载速度直接决定跳出率。

维护成本层面，整条长图要修改其中一屏，必须整条重新做、重新传；切分后的单图，改哪张传哪张，不用动其他图片。活动结束要下掉促销信息那一屏，直接替换单图就行。商品上架后经常需要调整，切片的维护价值在长期运营里越来越明显。

切片在团队协作中的价值也值得单独说。设计师交付长图，运营负责上传，没有统一切片规范的情况下，每个运营按自己的习惯切，有人按固定高度、有人按模块、有人直接传长图，上传结果五花八门。定下一套切片规范，设计师按规范输出切片，运营按规范上传，交接环节零返工。

切片规范应该成为店铺的标准作业文档，而不是个人习惯。文档里写清宽度、高度、下刀原则、命名规则、上传顺序、检查清单，新同事入职按文档执行，老同事按文档自查。规范在团队里流动起来，切片质量的稳定性才能长期维持。

三、切片规格三要素：宽度、高度、下刀位置

切片的尺寸规则不复杂，但容易做错。核心是宽度保持详情图标准宽度不变，按屏幕高度切分，下刀位置跟着内容走。三个要素逐一说清。

宽度是切片的基准。淘宝、拼多多详情图标准宽度750像素，京东790像素。切片时保持原始宽度不变，只按高度切分，不能把图缩小或放大。宽度变化会导致图片在手机端显示比例异常，整个详情页观感全乱。

宽度确定后，切片流程就有了固定坐标：宽度锁定、高度按内容、下刀看模块。三个要素联动，任何一项改变都会影响其他两项，比如宽度改了，单张高度对应的屏数也会变。先锁定平台和宽度，再谈切多高、从哪切，顺序不能乱。

高度是切分的单位。常见切法有两种：一种是固定高度切分，每张统一切成某个高度，比如每张500像素高，规整但可能把内容从中截断；另一种是按内容切分，在模块之间的自然分隔处下刀，保证每张图是一个完整的信息单元。按内容切分更符合页面逻辑，是推荐做法。

切片高度有一个实用上限。单张图片高度过高，手机端加载时单屏显示不完，需要滑动才能看全，加载和阅读体验都打折。单张高度建议控制在750到1200像素之间，也就是一到两屏的内容。超出这个范围，说明这一张里包含的信息太多，可以考虑再拆。

像素对齐是切片质量里容易被忽略的细节。两张相邻切片在内容边界处要精确衔接，不能出现重叠或缝隙。重叠会把一段内容重复显示，缝隙会在拼接处露出背景色。检查像素对齐的方法是放大切片边缘，看相邻两张在边界处的内容是否连续。AI切片按模块边界下刀，本身能保证对齐；手动切片时切完要逐对检查相邻切片。

切片的视觉连贯性还有一个隐藏因素：相邻切片的色彩一致性。同一张长图在电脑上切出来色彩一致，但不同切片导出时压缩参数不同，会出现深浅差异。整批切片用统一的压缩参数导出，色彩和画质保持一致，拼接起来才没有断层感。这也是批量处理时统一参数的意义所在。

四、各平台的切片要求对照

各平台对详情图上传和切片的要求有差异，掌握差异才能一次切到位。切片前先确认目标平台的宽度和大小要求，再动刀。

淘宝详情页支持分段上传，也支持整条长图上传。分段上传时按图片顺序排列，先上传的排前面。淘宝对单张图片大小有限制，控制在500KB以内最稳妥。切片的宽度保持750像素。

京东详情图宽度790像素，切片时以790为基准。京东上传同样按顺序排列，图片要清晰无水印。京东对图片质量要求高，切片时注意不要过度压缩。

拼多多详情图750像素宽，平台对图片大小限制更严格，切片后单张控制在300KB以内为宜。拼多多的详情页在低价商品里加载速度影响明显，切片加压缩要兼顾。

抖音电商的详情页在抖音小程序内展示，图片数量不宜过多，切片时可以把信息合并到较少的几张里。1688的详情图更侧重参数和供应信息，切片时按信息模块切，方便商家查看具体参数。

切片数量和质量直接相关。一条详情图切出来十张，每张内容饱满、顺序清晰；切出来三四十张，说明切得太碎，单张信息量不足，上传和管理都繁琐。切片数量没有固定标准，以每张是一个完整信息单元为原则，自然切下来多少张就是多少张。

切片前先做一次数量预估也有助于控制质量。把长图的信息模块列出来，每个模块对应一到两张切片，预估总数在八到二十张之间说明结构合理；如果预估超过二十五张，先检查是不是信息模块切得太碎，合并相近模块再切。数量预估是切片的第一个质量关卡。

特殊场景的切片要单独处理。内容里有全景大图或横向排布的对比图时，这类图片单张宽度大、信息密，切分后单张仍然偏大，可以单独压缩处理，不和其他普通切片共用一套参数。动态内容较多的详情页，比如带视频说明的商品，图片切片要留出视频位置，避免视频模块和图片切片在页面上冲突。

五、切片方法与工具选择

切片方法决定效率和准确度，从手动到自动化，有几条路可以选。方法不是越先进越好，匹配自己的场景才算合适。

Photoshop切片是传统方法。用切片工具在图片上框出每张的范围，然后导出时选择存储为Web所用格式，PS按切片范围自动切出多张图片。PS切片适合精细控制，可以精确到像素，但操作步骤多，一张长图切下来要花不少时间。

在线切片工具是轻量选择。把长图上传到在线工具，设置高度或张数，自动切分后打包下载。优点是快，缺点是控制精度低，只能在整图上按固定高度切，无法在模块边界智能下刀。

AI辅助切片是更新的方式。青虎AI的详情图处理能力，可以识别详情图的模块结构，在内容边界处切分，输出的切片更符合阅读逻辑，还能在处理过程中同步完成背景统一、画质增强等后期动作。

图1：不同切片方法在效率、精度和内容识别能力上的对比

选择切片方法要考虑三个因素：切片量、精度需求、是否需要后期处理。切片量小、要求精确，用PS；切片量大、结构规整，用脚本或AI；切片之外还有背景统一、画质增强需求，AI是唯一能一并完成的选择。

方法选择还和团队能力有关。没有专业设计师的店铺，PS方法上手门槛高，在线工具和AI是更现实的选择；有设计能力的团队，可以PS加AI组合，复杂图用PS精细处理，批量图用AI快速产出。方法工具要匹配团队的实际能力，而不是追求先进。

六、命名、顺序与版本管理

切片切完，命名和上传顺序是决定是否返工的细节。这两步做乱了，一张图能传半天。

命名规范要包含顺序信息。推荐命名格式是SKU编号加序号，例如SKU-001-01、SKU-001-02，序号从01开始按顺序递增。命名带序号，上传时按文件名排序就能保证顺序正确，找图修改时也能快速定位是哪一屏。

上传顺序要一次排对。大部分平台按上传先后排列图片顺序，先传的排在前面。上传前把切片文件名按序号排好，确认无误再批量上传。已经传上去发现顺序错了，只能删除重传，重复劳动。

切片和原稿的管理要分开。原长图单独存档，切片放在独立文件夹，命名对应。改版时修改原稿重新切片，切片不直接改，保证原稿和切片的对应关系不混乱。

版本管理也要跟上。详情图改版后，旧切片要标注版本号或日期，防止新旧切片混用。同一个SKU有多版详情图时，文件夹命名带上版本和日期，例如SKU-001-v2-202607，误传旧版图的情况就能避免。

命名和顺序的管理看似琐碎，实际是切片环节返工率最高的两个原因。把规范定下来，每次切片按规范执行，上传就是一次过的事。

七、用青虎AI复刻详情图并完成切片

方法讲完，落到具体操作。青虎AI的详情图复刻功能，可以上传一张参考详情图，AI按参考的版式结构生成自己的内容，并支持输出为切片。这个功能对想借鉴优秀版式、又不想逐屏手做的卖家非常实用。完整的操作流程分五步。

图2：青虎AI详情图复刻到切片的完整流程，参考图进、切片出

这套流程把复刻版式和切片两个环节都交给AI，卖家只需要做参考图准备和内容核对。相比手动在PS里模仿版式再逐张切片，效率提升非常明显，尤其是店铺经常上新、需要批量做详情图的场景。

图3：在青虎AI对话界面提交参考详情图，AI完成版式复刻并输出切片

使用复刻功能要注意版权边界。复刻借鉴的是版式结构和排版方式，内容必须替换成自己的商品信息，不能直接盗用他人的图片素材、商标、资质内容。版式思路可以借鉴，素材和数据要自备，这条底线不能突破。

复刻加切片的组合还可以用于老图翻新。店铺里效果一般的旧详情图，可以重新用AI复刻成新版式，再切片上传，不用推倒重来。参考图也不局限于同行详情图，商品图、海报、活动页的版式都可以作为复刻对象，版式库积累起来之后，做新详情图的选择会多很多。

批量复刻多款商品时，模板复用的边界要把握好。版式、配色、模块顺序可以复用，但每个商品的参数、卖点、资质信息必须逐款核对替换。批量操作最怕替换出错，一款商品的参数贴到另一款图上，后果比返工严重得多。生成后逐款核对关键字段，是批量流程里必做的质检动作。

八、详情图切片的四个误区

切片方法都讲了，再看四个最常见的误区，这几个坑几乎每个卖家都踩过。

四个误区对应四类问题：动作混淆、切片过稀、衔接缺失、原稿管理。把四个维度记下来对照自查，切片环节的返工能省掉大半。

九、提升切片效率的四个技巧

绕开误区之后，再给四个能直接提升切片效率的技巧，都是实操层面的细节。

四个技巧分别对应下刀判断、命名管理、压缩顺序和终检环节。其中手机端预览是拦下大多数返工的关键，这个动作能省下反复上传的时间。

技巧的执行要变成固定习惯，而不是想起来才做。把手机端预览写进上传流程的最后一步，无论多赶时间都不跳过；命名规则固定后，每次切片直接套用。切片环节的习惯化，比任何工具都更能保证质量的稳定。

十、三个真实案例：切片在实际工作中的落地

方法讲了这么多，看三个真实场景，覆盖常规上新、大促改版、多平台分发三个典型需求。

图4：不同业务场景下的详情图切片落地操作

三个案例的共同点：切片环节的效率提升，靠的是规范和工具的配合。规范管住顺序、尺寸、命名，AI管住复刻、切分、批量的速度，两者结合，切片从繁琐的日常变成了流水线动作。对店铺来说，切片的效率不是某一次做好就能保持的，需要规范和工具同时沉淀，才能在每次上新时稳定地快。

切片这件事的长期价值在于：它把详情图的制作、上传、维护三个环节打通了。制作时预留分割线，上传时按序号一次过，维护时按单张替换，三个环节共用同一套切片规范，整条流程顺畅无卡点。打通之后，详情图运营不再是每次从头忙一遍，而是持续复用和局部更新的状态。

十一、总结：把详情图切片做成标准动作

十二、常见问题解答