AI京东详情图尺寸怎么做?详情图尺寸规范
AI京东详情图尺寸怎么做?尺寸要求、制作适配、上传方法,附青虎AI详情图实操。
京东卖家做详情图,最先遇到的一类问题不是设计,是尺寸。设计稿在电脑上看着正常,传上后台就变样:图被裁掉一条、两边多出白边、部分图片被拉伸变形、放大全是马赛克。很多人把这类问题归到运气差,重新导出再传,结果还是一样,因为问题的根子不在某一次操作,在于没有按京东的展示机制去做图。
京东的详情图有一套自己的尺寸逻辑,跟主图不一样,跟淘宝、拼多多也不完全相同。宽度取多少、单段图做多高、一张图导出多大、切段时注意什么,这些参数有一套通行做法。参数对上了,图片在PC端和移动端都正常显示;参数错了,设计得再好也白费。
这篇文章把京东详情图尺寸的完整规范讲透。先拆解京东详情图的尺寸体系,再对比京东和淘宝的差异,接着讲切段与导出细节、内容规划与文字规范,然后落到用青虎AI按京东规范制作详情图的操作流程,最后是自查清单、误区、技巧、案例和常见问题。文中参数来自电商视觉团队的通行整理,具体以京东商家后台的当前提示为准。
青虎AI是对话式AI电商作图工具,在京东详情图场景里解决的是出图和适配效率问题。把商品原图或素材传上去,用文字描述需求,例如按京东详情图750宽给我做详情、把这张长图按750宽切片、给详情图加上参数对比页,工具会调用AI详情图、AI长图生成、AI图片处理、AI图片加字等功能生成成品,多款商品、多个SKU支持批量制作和统一改版。
文章按先规范后实操的顺序组织。详情图还没做、准备从零起步的卖家,按第三部分的尺寸和第五部分的内容规划走一遍;详情图已经上线但显示有问题的,直接对照第七部分的自查清单排查原因,比反复重传有效得多。
一、京东详情图尺寸体系:先记牢三个数
京东商品详情页由卖家在商家后台的图文描述区域上传。这里的展示区域宽度有限,后台对图片有明确的适配要求,通行做法是把详情做成一竖排切好的图,一张一张上传。围绕这套机制,尺寸上有三个数先记牢:宽度、段高、体积。
宽度是基础,京东详情图以750像素宽为主流制作宽度。这个宽度对齐移动端展示,PC端会自动居中适配,两侧没有多余变形。做图时画布宽度直接设成750像素,别用主图的800或更高宽度直接往里塞内容,宽度不对,后续全部白做。
段高决定每一张上传图的形状。详情长图不建议整张一次性上传,平台和浏览器都更习惯加载分段的短图,段落过长在移动网络下会明显拖慢速度。单段图高度控制在1200到1500像素之间是常见做法,一整屏或一屏半的内容对应一个视觉段落,信息也更容易组织。
体积影响的是加载速度。单张图控制在2MB以内、理想状态1MB上下,是兼顾清晰度和加载速度的区间。图片大小和详情图总长度直接相关,总长越长加载越慢,用户在等待中流失得越多,长度服务于信息,不服务于越长越专业。
京东详情图尺寸三要素
宽度750像素决定构图基准,段高1200到1500像素决定单图形状,单图2MB以内决定加载速度。三个数一起定,详情图才既显示正常又加载流畅,少一个后面都会出问题。
主图和详情图是两套体系,别共用一套参数。京东商品主图常见800×800正方形,服务搜索列表和商品页头图;详情图是750宽的长条图体系,服务正文信息。设计详情图时把两套分开处理,主图用来拼点击率,详情图用来讲信息,各司其职。
上传遇到报错提示时,先按提示反向检查。提示图片过大就压缩或拆段;提示格式不支持就转JPG;提示某段显示异常,多半是那段超出了后台对宽高的约定值。多数报错都能对应到宽度、段高、体积三个数上,把设计稿按这套参数重建一遍,比在原图上反复试探上传更省时间。后台规则偶有更新,动工前到京东商家后台看一眼前缀提示,把最新口径记下来再开始做图。
图1:京东详情图的三要素与主图体系分开,750宽基准贯穿设计到导出
二、京东与淘宝的尺寸差异:一张图发两个平台为什么总是歪
不少卖家一个商品同时开京东和淘宝店,做着做着就偷懒,想把淘宝那套详情图直接传京东。结果不是完全不能传,而是显示效果总有偏差。理解两个平台的差异,才知道哪些能共用、哪些必须单独做。
移动端宽度两者都是750像素基准,这是能共用的基础。差别主要在两端:一是PC端的展示逻辑不同,淘宝PC详情有独立的790像素体系,京东PC端更多是沿用移动端750内容居中适配;二是内容气质不同,京东PC端流量占比相对高,详情图被完整浏览的机会更大,信息密度可以更足,但文字清晰度和段落的可读性要求也更高。
| 对比项 | 京东详情图 | 淘宝/天猫详情图 |
|---|---|---|
| 移动端宽度 | 750像素基准 | 750像素基准 |
| PC端呈现 | 以750内容居中适配为主 | PC端有独立编辑与宽度体系 |
| 常见段高 | 1200-1500像素 | 1200-1500像素 |
| 内容侧重 | 参数、资质、正品与服务保障占权重大 | 营销卖点与视觉冲击占权重大 |
| 上传入口 | 京东商家后台图文描述区 | 千牛后台图文详情区 |
差异落到操作上就一句话:卖点型页面可以跨平台复用,参数型、资质型内容要按平台补做。京东买家下单前更习惯核对参数和信任背书,3C、家电这类类目尤其明显,一张只讲颜值不讲参数的详情图,在京东的转化通常不如讲清楚规格和保障的同款商品。
图2:京东与淘宝详情图宽同为750基准,PC呈现与内容侧重不同
发布流程也要注意。京东图文描述上传后有审核环节,部分类目审核耗时较长,改一版详情图等于停一次推广素材,能一次做对就不要反复传。把尺寸、内容、合规一次核对到位,再提交上传,是京东运营里性价比很高的习惯。
详情页里除了图文,往往还挂着主图视频和商详视频,尺寸体系又是另一套,竖版建议720×1280左右、横版按16比9输出。视频和图片在详情页里是配合关系,图片讲参数细节,视频讲动态使用过程,做详情图规划时把视频入口的位置一起想清楚,别让首屏图片和自动播放的视频互相抢视觉焦点。
三、详情图切段:高度方案怎么选
详情长图的切段,是京东卖家最容易忽视又最影响结果的一步。切段不只是把一张长图用工具截成几段,它决定每段图的显示形状、加载顺序和排版边界,切法不同,展示效果差不少。
切段高度方案常见的有几档,各有适用场景。750×1000左右的矮段适合信息碎片化、每屏内容少的类目,加载最快但段数多;750×1200左右是平衡方案,一屏信息量适中,段数可控,多数类目适用;750×1500左右的高段适合信息量大的长页,如家具、家电的参数与场景密集内容,但要注意移动端加载。
| 切段方案 | 单段内容量 | 适用类目举例 | 注意点 |
|---|---|---|---|
| 750×1000矮段 | 一屏内紧凑信息 | 日用百货、服饰 | 段数多,排版要规整 |
| 750×1200中段 | 一屏加半屏 | 大多数类目通用 | 信息与加载较均衡 |
| 750×1500高段 | 一个完整主题 | 家具家电、3C | 控制单段体积与加载 |
切段有一个硬规则:跨段信息要避开切口。一个卖点标题不能压在两段的交界线上,参数表的边框线不能恰好落在切口位置,文字内容更不允许被拦腰截断。做法是切段时留出安全区,段首段尾各留一段纯背景或留白,重要信息整体落在单段内部。
按内容切段比按固定高度硬切更合理。每个信息段尽量承载一个完整主题,卖点一屏、细节两屏、参数表一整段,让切段位置落在内容边界上,而不是从视觉图的中间切过去。先规划内容段落,再为每段套用合适的段高,观感上是完整的一页一页,比先定统一高度再往里塞内容更容易出整洁的排版。参数表这类需要整段呈现的内容,段高可以放宽到表格完整放下为止,别为了统一段高把表格从中间劈开。
切段工具的选择上,青虎AI的AI图片处理能按指定宽度和段高批量切图,把750宽的长图一次切成若干段,段高、起始位置可指定。人工切图适合单张精修,批量切段交给工具更省时间,前提是长图本身排版已经按切段规则留好了安全区。
切段安全区规则
段首段尾各留一段不含关键信息的区域,重要文字整体落在单段内部。设置切分位置时按内容边界走,标题和参数表尽量作为一整个段落的开头和结尾,别让切口落在它们身上。
上传顺序同样影响观感。切段后的文件按内容顺序编号上传,第一段就是详情页的首屏,承担拉住买家的任务,编号错乱会直接打乱信息顺序。多段文件建议统一命名,加序号前缀,例如商品名加01到12,既方便后台按序上传,也方便改版时定位某一段单独替换。
四、导出细节:宽度之外,格式和体积都影响显示
尺寸不是只有长宽两个数,导出时的格式、分辨率、压缩方式同样影响京东详情图的最终显示。设计稿做得再细,导出环节出问题,前面全白费。
格式上,详情图用JPG最稳妥,兼顾画质和体积;需要透明底或抠图素材的场景用PNG,但PNG体积大,长图慎用整图PNG。分辨率按72dpi导出即可,屏幕显示场景用不到更高的印刷级分辨率,高dpi只会白白增加文件体积。颜色模式用RGB,详情图不存在印刷场景,CMYK导出会导致颜色变灰。
导出尺寸要精确。宽度必须是750像素,不能是750.5之类的奇数小数,也不能在导出后被工具自动缩放成别的宽度。不少错位问题就出在缩放上:原稿是800宽,导出时顺手缩成750,字体和描边会发虚,重新用750画布做才是正解。
体积控制在导出时就完成,不靠上传后被动压缩。JPG质量设在80上下,复杂画面用85,画面简单的可以压到75,压缩后检查文字边缘有没有糊、商品边缘有没有明显色块,以手机端缩小显示仍清晰的边界为限。单张压缩后超过2MB的图,先减段内元素或拆段,而不是硬着头皮上传。
整条详情图的总长度也要纳入加载考量。按单段1200像素左右计算,十段的总长度已经超过一万像素,移动端完全加载需要数秒。前两段承载首屏卖点,是全图最重要的部分,体积控制要优先保证前段,越靠后的段落可以在画质和体积之间更偏向体积。加载顺序决定了首屏体验,把最重要的信息放在前面几段,即使后段在弱网下加载慢,买家已经接收到了核心卖点,流失风险可控。
五、按京东场景规划内容:该有的模块一张不少
尺寸规范解决的是显示正确,内容规划解决的是看了买不买。京东买家的浏览习惯带明显的目的性,搜索心智强,看完卖点还会核对参数、确认资质、比较服务,详情图的内容结构要按这个路径搭。
首屏卖点
首页一屏立住购买理由,主卖点大字加场景图,回答值不值得看下去。
产品与细节展示
整体到局部的多角度展示,材质、工艺、接口等细节逐一给特写。
参数与规格对比
单独一页参数表,多规格或多代商品做对比,帮买家在站内横向决策。
资质与正品背书
质检报告、授权、3C认证、品牌故事,回应京东买家最看重的信任问题。
服务与售后保障
发票、物流、退换、安装说明,把下单前最后一道顾虑拆掉。
五个模块的位置顺序建议是:首屏卖点一到两屏,产品细节三到五屏,参数对比一到两屏,资质背书一到两屏,服务保障一到两屏收尾。总段数控制在十到十五段,超过二十段的长图在京东的完读率会明显下降,信息真的很多时,优先压缩的是重复展示部分,不是参数和资质。
京东自营和POP商家的权限不同,这一点要在规划时就确认清楚。自营商品的详情页由平台编辑团队统一把控,卖家能干预的空间有限,交给平台的素材要按平台格式要求一次备齐;POP商家自己在后台的图文描述区上传,改动灵活但审核流程要自己盯。做图前先分清自己的经营模式,素材的准备路径完全不一样。
京东详情图的信任主线
京东买家的决策路径是先看卖点再核参数最后查保障。详情图把参数对比、资质背书、服务保障放足,就是在帮买家完成信任确认,信息链条完整,转化才稳。
文字规范按750宽度设计时执行几个底线。主卖点字控制在60到110像素区间,京东PC端浏览时字会被等比放大展示,字太大会占满屏,参数文字不低于28像素;行距取字号1.4到1.6倍;每段左右留出60像素以上安全边距,段首段尾不压重要信息。文字层级一屏不超过三个,层级清楚,PC和移动端两种场景读起来都不累。
整条图的第一段值得单独花时间设计,它是买家点进来看到的第一屏,承担着把人留在详情页的任务。第一段建议放一件最具说服力的事:一句主卖点配合一张高质量场景图,或一张解决核心痛点的对比图。不要在第一段放品牌故事或无关装饰,京东买家带着明确需求进来,第一段没接住需求,后面参数做得再全,能读到的人也已经少了一截。
六、用青虎AI做京东详情图:从素材到750宽成图
规范定清楚后,制作环节可以交给AI。青虎AI的用法是对话式发起,上传素材图加一句需求描述就能出图。下面是按京东场景走通的一整套流程。
步骤一:上传素材并说明平台与用途
把商品原图或白底图传入,说明任务边界,例如按京东详情图750宽给我做详情首屏,主卖点是恒温出水。明确平台和宽度,AI出图时就按750基准构图,避免后期返工。
步骤二:让AI搭建详情信息屏
用连续需求搭建各模块,例如详情里加一页产品细节特写、加一页参数表、加一页售后说明。一次说一个模块,出图后拼接检查,比一次生成整条长图更容易控制每段质量。
步骤三:用AI加字补齐参数与卖点
参数表和卖点文字用AI图片加字处理,把内容一次说清,例如参数页加上额定功率2000W、容量1.2L、整机质保两年。短句标签和表格文字是AI擅长处理的类型,长段正文建议单独排好再合并。
步骤四:按750宽切片并批量复用
整条详情图完成后用AI图片处理按750宽、1200到1500段高批量切片,检查跨段信息。多SKU场景把统一模板批量套到各款底图上,同系列商品详情图的规格参数按SKU分别替换。
流程里最值得养成的习惯是把模块当积木。首屏、细节、参数、资质、售后这些模块各自做好并留存,换款时只替换商品图和相关参数,模块化的详情图制作速度会明显快过每次从零生成一整套。
模块拼成整条长图时,段与段之间的衔接要处理干净。相邻段落共用同一种底色或同一套页眉页脚,观感上是连续的一份文档;段与段之间留白不当,会出现内容贴着切口的情况。常用做法是给每个信息段统一加一条同色的上下边距,或复用同一套版头装饰,让整条图看起来是一体设计而非几张图的堆叠。这些衔接细节在AI出单张模块时看不出问题,拼成整图后检查一遍很有必要。
图3:青虎AI制作京东详情图流程,从素材上传到750宽切片共四步
七、上传京东后台前:自查清单过一遍
详情图定稿后别急着传,按下面的清单逐项核对,多数上传翻车都源自某几项固定问题。京东图文描述审核有耗时,自查花两分钟,能省掉一版审核等待。
宽度项:全套图的宽度是否统一为750像素,有没有混入其他宽度的图。宽度混用是显示错位最常见的原因,个别平台允许小偏差,但全套统一最稳妥。段高项:每段是否在1200到1500像素范围,跨段位置有没有重要信息被切断,段首段尾是否留了安全区。
体积项:单张是否控制在2MB以内,压缩后文字和商品边缘是否发糊,糊了要降体积得回到设计稿删元素,不是反复调压缩率。内容项:参数是否与商品实际一致,资质和功效表述有没有对应材料,卖点描述有没有极限词和绝对化用语。
结构项:首屏卖点、细节展示、参数对比、资质背书、服务保障五类模块是否齐全,顺序是否合理,总段数是否在十五段以内。展示项:把全套图在750宽下从第一屏连看到最后一屏,文字层级是否清楚、配色是否统一、有没有明显重复占屏的信息。
全部核对通过后再走后台流程:京东商家后台的商品管理里编辑对应商品,在图文描述区域按顺序上传各段图片,提交后等待审核。审核期间不要反复修改提交,频繁修改会延长审核周期,这也是把自查放在上传前的原因。
上传完成后用买家视角做最后一轮确认。复制商品链接用无痕窗口打开,模拟没有登录状态下买家看到的详情页:首段是否第一时间出现、各段顺序是否与设计一致、图片在原图查看时是否清晰。发现问题定位到具体段,单独替换该段图片重新提交,不必整条重传。详情图上线不是终点,配合客服数据和搜索进店词的反馈,参数被反复问到的点就是下一轮改版的落点。
八、京东详情图尺寸相关的四个误区
尺寸问题看起来是技术问题,实际上很多翻车源于理解偏差。下面是四个高频误区,逐个拆开。
误区一:详情图越宽越清楚
展示区域就750像素宽,做更宽的图只会被平台等比缩放,字和图都变小,细节反而丢失。750宽就是把有效像素给足的做法,画布超出展示宽度,等于主动降低清晰度。
误区二:主图能直接当详情图
主图是800×800见方的营销位,详情图是750宽的信息长图,两种图的构图逻辑完全不同。主图拼点击,详情图讲信息,混用会导致详情页信息缺失,买家点进来找不到想看的参数。
误区三:一张长图整传最省事
整张超长图上传,平台要二次处理,移动端加载慢,买家等不住就走了。按750宽切片分张上传,单段短图加载快、内容有段落节奏,是更优的做法。
误区四:淘宝详情图换个平台直接传
移动端宽度一样不代表全套兼容。PC呈现逻辑、内容侧重、资质要求都有差异,参数和信任背书不足的图直接搬到京东,转化会打折扣。跨平台共用的是卖点型页面,参数资质要按平台补。
四个误区背后是同一种心态:把尺寸当成上传时的应付动作。实际上尺寸是详情图设计的起点,构图、文字、信息密度都围绕750宽的展示机制展开,起点错了后面补不回来。
九、让京东详情图尺寸适配更稳的四个技巧
尺寸问题熟练之后,可以更进一步用技巧把适配成本和出错率降下来。
技巧一:设计稿直接建750宽画布
新建画布就设750像素宽,从源头避开缩放。先按750做,需要其他用途再等比放大导出,不要反过来在800甚至更大画布上做完了再缩,后者文字发虚的风险高得多。
技巧二:参数与资质模块单独成段
参数表、资质图单独做成一整段,不和其他内容挤在同一段里。独立段落排版整齐、需要时可被买家准确定位,还能避免跨段切口切到表格边框的麻烦。
技巧三:改版保留原段结构只换内容
换季换款时沿用上版通过审核的段结构和尺寸,只替换商品图和参数内容。通过审核的版式说明尺寸和合规都过关,在这个基础上改内容,比推倒重做再等一轮审核稳。
技巧四:多端实测替代猜
上传后在PC浏览器、安卓机和iPhone上各打开一次详情页,看显示和加载表现。PC端是京东的主流量场景之一,只拿手机看容易漏掉大屏上的排版问题。
四个技巧的共同方向是减少变化、增加验证。尺寸适配这件事,稳定重复比追求单次极致更重要,模板化、保留历史版本、多端实测,都是让稳定重复可控的手段。
十、三个实战场景:京东卖家怎么做
方法落到具体类目,看三个京东卖家实际推进的场景。
场景一:家电卖家重建参数与资质体系
一个做厨房电器的京东卖家,原有详情图以场景图为主,参数散在客服话术里。他整理了完整参数表和3C资质材料,用青虎AI把参数页、资质背书页做成750宽独立段落,插入原详情图的细节展示之后。改版后商品参数类咨询明显减少,买家自助核对完直接下单,客服压力也降下来。
场景二:日用卖家PC移动双端改版
一个做收纳日用品的卖家发现详情图在手机上正常,PC上看字体偏小、排版松散。他按750宽把文字层级重新整理,主卖点字提到合适区间,行距收紧,段落统一成750×1200的规整版式,重新切片上传。改版后PC端订单转化提升,详情页停留时间变长,说明大屏可读性直接影响成交。
场景三:3C配件店按SKU批量出详情
一个卖数据线、充电器的店铺有几十个SKU,共用一套详情底图但功率、接口各不相同。他用青虎AI按SKU批量生成规格参数段,统一套用750宽模板,参数内容逐款替换,全套详情图同一天更新完成,规格参数错位的旧图全部下线。
三个场景的共同点:尺寸适配都不是孤立动作,而是跟着内容目标一起做的。改尺寸的同时把参数补齐、把双端可读性做对、把SKU参数批量校准,一次改版解决多个问题,这才是尺寸规范真正为生意服务的方式。
图4:京东详情图改版的三类落地场景,尺寸规范与内容目标同步推进
十一、总结:尺寸规范是京东详情图的起点
总结:京东详情图尺寸适配的行动框架
京东详情图的尺寸问题,集中在宽度、段高、体积三个数上:画布和导出统一750像素宽,切段控制在1200到1500像素并留好跨段安全区,单张图导出2MB以内、用JPG和72dpi。与淘宝的差异不在于移动端宽度,而在于PC呈现逻辑和内容侧重,参数、资质、服务保障这类信任型模块要按京东补齐。内容上按首屏卖点、产品细节、参数对比、资质背书、服务保障五类模块组织,总段数控制在十五段以内。制作交给青虎AI,上传素材说明按京东详情图750宽做,逐模块生成、AI加字、按750切片,多SKU用统一模板批量替换。上传前过一遍宽度、段高、体积、内容、结构、展示六项自查,PC和移动端实测后再等审核。尺寸对上了,详情图才有资格谈转化,这套基本功值得一次做对。
十二、常见问题解答
问:京东详情图宽度到底用多少?
通行做法是750像素宽,对齐移动端展示,PC端居中适配。具体上传要求以京东商家后台图文描述区的当前提示为准,做图前先到后台确认最新口径。
问:京东详情图一段做多高合适?
1200到1500像素是常见范围。信息碎片用矮段,信息量大用高段,关键是要整段控制跨段切口,重要文字和表格边框不要落在两段交界处。
问:京东主图能用800×800直接当详情图吗?
不建议。主图是营销位,详情图是信息长图,构图和信息密度要求不同。两者分开制作,详情图按750宽的信息结构走,参数资质模块不能省。
问:用青虎AI怎么按京东尺寸做详情图?
上传商品素材,用文字说明,例如按京东详情图750宽做详情首屏、加一页参数对比、整条长图按750宽切段。AI调用AI详情图、AI长图生成、AI图片处理等功能出图,模块化生成后拼接检查。
问:详情图导出用JPG还是PNG?
常规详情图用JPG,体积小加载快;需要透明底或抠图素材的部分单独用PNG。整条长图不建议全PNG,体积过大拖慢加载。分辨率72dpi、颜色RGB即可。
问:为什么我的图传上去总是被裁或留白?
多半是宽度不是750像素,或全套图宽度不统一。检查每段导出的实际像素宽度,全部统一为750,混入不同宽度的图就会造成错位和留白。
问:京东详情图长度是不是越长越好?
不是。总长越长加载越慢,完读率越低,十五段以内是常见建议范围。信息多时压缩重复展示的部分,参数、资质这类关键信息要保留。
问:京东详情图文字规范有什么注意点?
文字按750宽基准设计,主卖点字在60到110像素区间,参数文字不低于28像素,行距约字号的1.4到1.6倍,左右留60像素以上边距。PC端会放大呈现,层级清楚比字大更重要。
问:淘宝详情图能直接传到京东吗?
卖点型页面可以,参数资质型内容建议补做。京东PC端流量占比相对高,买家更习惯核对参数与信任背书,直接搬的图在京东的完读和转化可能不如预期。
问:详情图上传后被压糊怎么办?
回到设计稿处理,不要反复调上传压缩率。检查画布是否750宽原尺寸导出、JPG质量是否过低、段内有没有过多细小文字,从源头解决,压缩只是最后一道保险。
问:京东详情图提交审核大概多久?
不同类目差异较大,部分类目审核耗时较长。所以上传前做足自查,改版沿用已过审版式,减少反复提交,一次过审是最省时间的方式。
问:多SKU商品的详情图尺寸怎么统一?
做一套750宽模板,把商品图位和参数区固定下来,各SKU替换图片和参数内容。青虎AI支持按模板批量生成,统一尺寸和版式,全套详情图风格一致且显示正常。
