抖音详情图尺寸多少？AI出图与竖版适配方法

抖音商城详情图的尺寸问题，卡住的人比想象中多。从短视频和直播间跳进来的用户，拇指一直在往下滑，停留时间短、耐心也短，一张按货架电商习惯做出来的长图放进去，前半屏没抓住人，后面做得再细也没有机会被看到。

这里有一个经常被混淆的点：抖音商城的详情图不是把淘宝或者拼多多的那一套换个宽度就行。用户怎么进店、以什么心态看、滑动节奏多快，决定了这张图该长什么样。尺寸只是表象，真正起作用的是尺寸背后那条信息预算——宽度 800px、高度 5000 到 10000px 这个区间，说的其实就是「用多少屏讲完一件事」。

这篇按实际操作顺序展开：先讲抖音商城的浏览节奏怎么影响尺寸判断，再拆宽度和高度各自代表什么，然后把竖版构图的阅读路径讲清楚，接着给出横版素材转竖版的三种方法，再讲青虎AI【详情图复刻】能做什么、五步怎么走，最后附上精简清单、四个误区、四个技巧、三个可以照做的场景和常见问题。

图1：从横版素材到竖版详情图，判断大多数时候发生在屏幕前而不是相机前

一、抖音商城的浏览节奏：先看节奏，再看尺寸

抖音商城的流量路径和货架平台有明显差别。用户大多从内容侧进来，可能是刷到一条短视频，也可能是从直播间点进商品卡。进来之前他已经对商品有了一点印象，甚至知道大概的价格，所以详情页要解决的不是「这是什么」，而是「我是不是马上要它」。

这种进入方式带来的直接后果是滑动速度快。用户在信息流里被训练成了快速浏览的习惯，一屏停留一两秒是常态，遇到没兴趣的内容会立刻滑走。这意味着详情图的前面几屏，判断时间极短，画面必须一眼可读。

浏览快也意味着「屏数少」比「屏数多」更有利。同样一件事，用三屏讲完和用八屏讲完，前者的完读率明显更高。这不是说内容可以少讲，而是说同样的内容要用更少的屏承载，密度靠精简和排序拿到，不靠拉长。

还有一层和心理预期有关。用户从内容进来，是带着兴趣来的，这时候他更想看到商品本身，而不是一堆装饰性的氛围图和口号。画面里主体越明确、干扰元素越少，匹配这种心态的程度就越高。反过来，如果前面几屏全是品牌故事和色调铺陈，用户的兴趣会在等待中被消耗掉。

把节奏说清楚之后，尺寸的判断标准也就浮出来了：宽度是为了在竖屏上一次看全，高度是为了让用户在有限的耐心内看完，两端都由用户的滑动行为决定，而不是由素材有多少决定。

二、宽度 800px 与高度 5000 到 10000px 的信息预算

宽度 800px 是多数商家在抖音商城沿用下来的经验值。这个宽度的作用是让图片在竖屏上完整铺满、不需要左右滑动，同时留出一点横向余量，避免不同机型下被轻微裁边。它不是一条不可改的硬规定，但改成更窄或者更宽都会带来副作用：更窄两侧留白，更宽则整体被压缩、文字变小。

高度的区间是 5000 到 10000px，这个范围比货架平台的常规长度更短一些，原因就在浏览节奏上。在快浏览的场景里，做得太长反而会降低完读率，用户滑到一半失去耐心直接退出，后面精心准备的内容等于没做。

把高度换算成屏数会更直观。按常见的手机显示高度估算，5000px 大约对应七到九屏的滑动长度，10000px 大约对应十四到十六屏。也就是说，这个区间大致是「讲完七件事到讲完十五件事」的容量，具体多少件事，取决于每屏承载的信息量。

这里面有一个容易被忽略的换算关系：高度增加可以来自两种方式，一种是多讲一件事，另一种是把同一件事讲得更啰嗦。前者是有效增长，后者是无效拉长。判断方法很简单，把每一屏的结论写出来，如果两屏的结论是同一句话，那多出来的那一屏就是无效的。

宽度和高度还有一层相互制约。宽度锁死在 800px 之后，横向能排的元素数量就固定了，想在同一屏里多放信息只能往纵向排，纵向排得越多这一屏就越高。也就是说，宽度的约束会传导到高度上：信息密度提不上去的时候，高度就会被迫拉长。

从这个角度回头看，抖音详情图的核心不是选一个尺寸，而是控制好纵向的堆叠速度。同样的四件事，排得紧凑就落在 7000px 左右，排得松散就可能冲到 10000px。这个差别不是内容量的差别，而是排布效率的差别，也是下面要讲的分段方法要解决的问题。

三、竖版构图的阅读路径：自上而下怎么排

竖版和横版最本质的差别在阅读方向上。横版的眼睛是从左往右扫，信息的重心通常落在横向的中间区域；竖版的眼睛是自上而下走，重心落在纵向的中段。方向变了，主体该占多大、重点该放哪一段、留白留在哪里，答案都要跟着变。

按这个方向，一屏竖版画面可以切出三段：上段承接注意力，中段承载主体，下段给出补充。上段的职责是在极短的时间里让人确认「这是什么」；中段的职责是把商品完整、清楚地呈现出来；下段的职责是补上规格、件数、服务这类确认性信息。

三段的面积分配会直接决定这一屏好不好读。一个比较稳的分法是中段占一半以上，上段和下段各自不超过三成。上段太厚会压缩主体，商品显小；上段太薄又承载不住信息，文字小到看不清。这个比例不是标准答案，可以按品类调整，但失衡的两种极端都要避开。

三段之间建议用留白分隔，不用线条。竖版画面纵向很长，连续色块容易糊成一片，白色分隔带能给眼睛一个停顿点。分隔带的宽度不必统一，上段与中段之间可以宽一些，中段与下段之间收窄一点，视觉上的层次会更清楚。

区域	位置	承载内容	面积参考	常见失误
承接区	画面上段	品类识别与一条核心卖点	不超过三成	文字堆太多压缩主体区
主体区	画面中段	商品本体，形态完整	一半以上	被上下文字块侵入边缘
补充区	画面下段	规格、件数、服务说明	不超过三成	重要信息贴到最底部
背景层	商品后方	低对比度的环境暗示	不抢主体	背景元素过多主体不突出
标签位	边角固定位置	店铺标识或属性标签	最小尺寸	尺寸过大与文字争位

这张表可以当模板用。拿一款商品，五行逐行填，填不出来的先留空，不要用形容词硬填。填完之后重点看承接区和主体区的关系：如果承接区占了明显超过三成的高度，就把上段往上收一收，把空间还给主体。

还有一条验证方法值得固定成习惯：把排好的这一屏缩小到拇指盖大小，用拇指盖住上段，看剩下的部分还能不能辨认出商品。如果遮住上段就认不出来，说明主体区在画面里的视觉分量不够，需要把主体放大或者把上段压薄。

四、横版素材转竖版的三种方法

抖音商城需要竖版，而大多数店铺的素材库是按横版习惯攒起来的。拍摄时用横构图、修图时按方形主图去调，到需要竖版的位置才发现没有可用的图。这个缺口只有三种补法，选哪一种取决于原图的形态和需要的信息量。

第一种是直接裁切，适合主体居中、横向跨度小的原图。做法是先把裁剪框的宽度包住主体，再往上延长到需要的比例。关键是次序：先定主体再定比例，而不是先定比例再往里塞商品。反过来操作的话，商品往往被压到中间一小块，四周全是背景，比例对了但画面空了。

第二种是归拢重构，适合原图里信息齐备但位置不对的情况。具体做法是把横版原图里的元素重新分配：把商品主体提取出来放进中段，把原图里的文字信息整理成统一的文字块放到上段和下段。这种方法不改素材内容，只改空间位置，效果上是把一张横版图拆开再按竖版逻辑拼一遍。

第三种是重新生成，适合主体横向跨度大、硬裁必然切断结构的商品。沙发、成排展示的组合装、长条形货架这类形态，横版原图里商品的横向延展是它的主体特征，裁成竖版一定会切掉一部分。遇到这种情况，换一张竖构图原图，或者用工具重新生成竖版，比反复调裁剪框更省时间。

图2：同样的原图，左边是硬裁的结果，右边是按竖版路径重新组织过的画面

三种方法的判断依据可以整理成一条简单的原则：原图里有没有竖版需要的全部信息。有信息且主体可裁，用第一种；有信息但位置不对，用第二种；缺信息或者主体形态不适合，用第三种。判断错了方法，后面怎么调都会别扭。

裁切还有一个物理限制需要留意。裁剪只是截取原图的一部分，截取区域保持原始分辨率，但成图的宽度受限于原图宽度、高度受限于原图高度。一张横版图要裁成竖版，成图的清晰度上限由原图短边决定。原图短边偏小时，裁出来的竖版会发虚，这种情况要回到原图重新导出更大的版本，而不是靠后期锐化补救。

五、青虎AI 详情图复刻的能力范围与边界

青虎AI【详情图复刻】是青虎AI 旗下 LinkPix 的 AI 设计功能。用法是上传参考图配合自己的产品图，AI 学习参考图的版式结构、配色、图标风格、字体层级、卖点排布和装饰元素，再叠加自有产品，生成一套全新的商品详情长图。对于横版素材多、竖版缺口大的店铺，它的价值在于不用逐张手工重排。

入口有两个：登录青虎AI工作台后走左侧【创作】-【电商详情图】-【详情图复刻】，或者在 LinkPix 首页的【电商详情图】模块进入。单次上传参考图最多 10 张，产品图最多 3 张，产品图可以放同商品的多角度实拍，也可以放不同 SKU 的实拍图。

文案有三种模式：提取图片文案、AI 生成文案、自定义文案。做抖音商城这类精简为主的详情图时，如果参考图的文案本身就已经很紧凑，用提取模式最省事；如果是要重新组织内容，用自定义模式把已经精简过的文案填进去更稳，避免 AI 生成一版偏长的文案再回头删。

参数方面，生图模式默认智慧模式，比例参数支持 3:4 竖版等多种尺寸，预估消耗是 2 积分每个任务。支持的平台包括淘宝、拼多多、抖音商城、京东、小红书，以及 Shopee、Lazada、Amazon 等跨境平台。同一组素材换一个比例参数就能出不同平台的版本，不必为每个平台重做一遍。

边界也要说清楚。生成过程中不要关闭弹窗，也不要刷新页面，任务会中断。用提取图片文案模式时，遇到艺术字、手写体或者分辨率偏低的文字，识别可能存在偏差，生成后必须逐条核对。另外，成图最终要按平台规则和广告法的要求人工审核一遍，工具负责效率，合规判断还在自己这边。

六、动手前的素材与精简清单

抖音详情图出得慢，通常不是工具的问题，而是开工前没把输入整理清楚。参考图风格不统一、产品图不干净、内容清单没排序，这些都会变成返工。下面四样东西建议在打开工具之前备齐，准备时间一般在半小时以内。

四样里最容易被跳过的是第三样。不少人边做边想，做出来发现中段有几屏在重复说同一个卖点，砍掉之后前后又接不上，只能整段重排。清单看起来是额外工作量，实际是把重排的那一遍提前做完了。

第一样和第二样的分工也要分清。参考图决定的是版式和风格，产品图决定的是商品本身。两者都要过关：参考图质感低、产品图精致，成图会显得素材不匹配；参考图精致、产品图发虚，整体则被一张糊图拖低可信度。两样素材同时达到可用标准，出图才有基础。

内容精简的判断标准

精简不等于少讲，而是每一屏都得有明确的结论。判断一张详情图是否精简，可以拿三条标准去量：这一屏的结论能不能用一句话说出来，这句话和前后的屏是否重复，删掉这一屏用户会不会看不懂。

第一条标准筛掉的是信息模糊的屏。如果一屏看完只能说「讲了点东西」，说不出具体结论，说明这一屏的信息是散的，需要重新组织或者合并到别的屏里。第二条标准筛掉的是重复的屏，同一句话在两屏里出现，砍掉其中一屏即可，砍哪一屏看位置，靠后的那屏优先砍。

第三条标准筛掉的是无效的屏。有些屏删掉之后前后衔接依然顺畅，用户的理解也不受影响，这类屏的存在价值就值得怀疑。反过来，有些屏删掉之后用户会立刻产生疑问，这类屏必须留，而且位置可能还要往前提。

三条标准里，第三条最难判断，因为它需要站在用户的角度看。一个可操作的做法是找没接触过这件商品的人看一眼，让他说看完还有哪些没搞清的问题，这些问题对应的屏就是要留甚至要加强的，其余的部分都有压缩空间。

精简还有一条实操上的经验：能用图说清的不用文字，能用数字说清的不用形容词。竖版画面宽度只有 800px，一行能放的字数有限，同样一块地方放一张特写图比放两行描述更有效。「加厚」不如「双层」，「大容量」不如具体的容量数字，这类替换在不增加长度的前提下提高了信息密度。

七、从上传到下载的操作步骤

复刻的路径是一条直线，五步走完就能拿到成品。每一步的具体动作和容易出错的地方分开说，实际做的时候可以照着对。

图3：五个步骤走完是一条直线，中途不需要回到上一步重来

步骤	关键动作	容易出错的地方	处理方式
第一步	进入功能入口	走错模块进了别的功能	认准【详情图复刻】这一项
第二步	看弹窗四个模块	直接上传，漏掉参数区	先扫一遍模块再动手
第三步	上传参考图与产品图	参考图是横版，出的图偏横	优先选竖版参考图
第四步	设文案模式与参数	文案模式选错，生成偏长	已有精简文案用自定义模式
第五步	创建任务并下载	生成中关窗或刷新页面	保持页面不动，等任务跑完

五步里最值得花时间的是第三步。参考图选得好，后面基本不用大改；参考图本身是横版结构，AI 学出来的版式会带着横向铺陈的习惯，放进竖屏就显得松散。同一批参考图里如果混了横竖两种结构，成图的版式也会不稳定，这一点在准备阶段就要筛掉。

第四步的文案模式选择也影响返工量。精简为主的详情图，文案字数本来就少，与其让 AI 生成一版再删，不如用自定义模式把定稿的文案直接填进去。这样出来的图文字位置和长度都可预期，核对一遍就能用。

八、四个常见误区

九、四个提效技巧

十、三个可以照做的场景

下面三个场景是常见的真实情况，处理思路可以直接照着走。

图4：竖版详情图定稿前，通常要同时在几种屏幕上比对一遍

三个场景的共同点是把屏数当成内容梳理的结果，而不是一开始就定下的数字。先想清楚用户会带着什么疑问进来，再决定每屏回答哪个疑问，长度自然就落在合适的区间。反过来先定一个长度再去凑内容，做出来的图会有明显的填充感。

十一、总结

十二、常见问题解答