一个做家居收纳的卖家跟我复盘过他第一次上京东的经过:他本来在淘宝做同款收纳盒,详情图现成的,想着直接传到京东省一笔设计费。结果图传上去一看,电脑端两边各留出一条白边,手机端倒是正常,可放大原图后字又糊得厉害,首屏那张卖点图还被裁掉一截。他以为是平台抽风,重新导了一次再传,白边没了,字又发虚。反复折腾两天,最后还是在京东商家后台的提示里找到了答案:两边的展示机制不一样,一套图不能无脑复用,尺寸和切图都要按京东的规矩重来一遍。
这样的故事在卖家群里不算少见。京东的详情图和主图是两套体系,跟淘宝、拼多多的玩法也有差异,尺寸上更是有一串自己的口径:宽度取多少、单段做多高、一张图导出多大、切段怎么切、按什么顺序传。参数对上了,图在电脑和手机上都正常;参数错了,设计得再好,买家看到的也是变形、留白、发糊的残次品。
这篇文章把京东详情图尺寸的规范和制作方法讲透。先复盘尺寸不对时图上会出现什么,再讲京东的展示机制和尺寸三要素,接着是切图规范、京东与淘宝的差异、内容与段高的匹配方法,然后落到用青虎AI按京东规范做图切图的具体操作,最后是自检清单、误区、技巧、实战场景和常见问题。文中参数来自电商视觉团队的通行整理,具体口径以京东商家后台当前的提示为准。
一、尺寸不对的图,在京东买家眼里长什么样
尺寸问题最坑人的地方在于,它在设计稿里看不出来。电脑上打开一切正常的图,进了京东的展示区域就变样,而且变样的方式还不止一种。把常见的症状归拢一下,有助于排查时按图索骥。
一类症状是留白和裁切。图的宽度和展示区域不匹配时,窄的图两侧补出白边,宽的图被平台等比缩小,缩小后原本撑满画面的设计元素四周就可能露出没设计的空白。更麻烦的是裁切,宽度超出适配范围后,首屏或边缘的文字、标签被切掉一截,卖点字少半个,买家看着莫名其妙。
另一类症状是发糊和变形。原稿做在过大的画布上再缩小,字和描边会发虚;反过来把图拉宽或压缩,产品比例走样。加上海报、证书这类细节密集的内容,一旦被等比缩放,文字在手机上就成了一团模糊。这类问题重传多少次都一样,因为根子不在上传,在源头画布和导出参数。下面把源头一次理清。
二、京东的展示机制:750宽是怎么来的
京东商品详情页由卖家在商家后台的图文描述区域上传,平台会按固定的展示宽度对图片做适配。移动端是京东流量的主力,详情图的制作宽度就锚定在移动端上,通行的做法是750像素宽。这个宽度下手机屏显示完整,电脑端则把750宽的内容居中放大适配,两侧不会产生挤压变形。
理解了这层机制,就明白两件事。一件事是详情图画布直接建750宽,不要用主图的800或更高宽度塞内容,更不要做了宽图再靠平台缩小,缩小一次字就虚一层;另一件事是电脑端也会打开详情页,而且京东的PC流量占比在主流平台里偏高,图不能只按手机小屏优化,文字层级和可读性要兼顾大屏浏览,这一点后面展开讲。
一套图对应一条显示链路
750宽是设计基准,手机端完整呈现,PC端居中适配放大。画布宽度定错,等于整条显示链路从源头就歪了,后面切段、压缩做得多仔细都补不回来。做图先确认后台当前的宽度口径,再开画布。
主图和详情图要分开对待。京东主图常见800乘800的正方形,服务的是搜索列表和商品页头图,任务是拼点击率;详情图是750宽的信息长图,任务是讲清商品信息。两套图构图逻辑完全不同,混用会两头不讨好。
三、尺寸三要素:宽度、段高、单图体积
把京东详情图的所有尺寸问题归结起来,真正要盯的就是三个数:宽度、段高、体积。三要素各自管一段,下面这张表把它们一次列清。
| 要素 | 京东通行取值 | 它决定什么 | 出错时能看到什么 |
|---|---|---|---|
| 宽度 | 750像素 | 整条图的构图与导出基准 | 两侧留白、文字被裁、缩小后发虚 |
| 段高 | 1200-1500像素每段 | 单张上传图的长宽与加载节奏 | 内容被拦腰切断、段落加载慢 |
| 体积 | 单张2MB以内 | 详情页打开与滑动速度 | 页面卡顿、买家中途流失 |
| 格式 | JPG为主,72dpi,RGB | 画质与体积的平衡 | PNG体积超标、CMYK颜色发灰 |
宽度是构图的地基,全部设计都要在750宽的画布里完成,导出时宽度必须是750整,不能带小数、不能被工具顺手缩放过。段高决定每一张上传图的形状,详情长图不建议整张一次性上传,平台和浏览器对分段的短图加载更友好,段落过长在弱网下会明显拖慢速度。体积影响加载,单张控制在2MB以内、理想状态1MB上下,总长越长的详情图越要在体积上做取舍。
三个要素的顺序也有讲究。先定宽度再规划段高,最后才谈压缩体积。反过来先压缩再调宽,等于把画质损失了一次又一次。三要素在动工前一次性确认,中途不要改,尤其不要在几十段图做完了才发现画布宽错了,那是全量返工。

图1:京东详情图三要素各管一段,宽度750从设计稿贯穿到导出
四、切图规范:安全区、编号与上传顺序
切图是把做好的长图切成一段一段上传的动作,看起来是体力活,实际上决定每段的显示形状和整条图的信息节奏。切得不对,卖点标题压在两段交界线上,参数表的边框被一刀劈开,观感立刻破功。
切图有一条硬规则:重要信息整体落在单段内部。段首段尾各留出一段不含关键内容的区域,标题、表格这类信息不要跨越切口。做法是按内容边界切,一个卖点一屏、一张细节图一屏、一页参数表一整段,让切口落在视觉段落之间,而不是从画面的正中间切过去。先规划内容段落,再定每段高度,比先统一高度再往里硬塞内容更容易切出干净的页面。
切好的文件要按顺序编号上传。文件命名加序号前缀,例如商品名加01到12,第一段就是详情页的首屏,承担把人留在页面的任务,编号错乱会直接打乱信息顺序。后续改版时定位某一段也方便,单独替换出问题的段即可,不用整条重传。能一次做对就不要反复传,京东图文描述上传后有审核环节,频繁修改会拖长审核周期,切图、自查、编号这些事在提交前一次做完,是对运营时间最好的保护。
切图安全区的执行标准
段首段尾各留一段纯背景或留白,标题和参数表作为整段的开头与结尾,不让切口落在它们身上。跨段信息切坏了很难事后补救,重切重排的代价比切之前多花两分钟规划高得多。
五、京东和淘宝的差别:哪些能共用,哪些必须重做
多平台开店的卖家最常问的就是:淘宝的详情图能不能直接传京东。答案不是简单的能或不能,要看图里装的是什么。卖点型的内容可以跨平台复用,参数型、资质型的内容要按平台补做,差别来自两边买家和平台的习性不同。
| 对比维度 | 京东详情图 | 淘宝天猫详情图 |
|---|---|---|
| 移动端详情宽度 | 750像素基准 | 750像素基准 |
| PC端呈现 | 750内容居中适配,PC浏览占比较高 | PC有独立的视觉与宽度体系 |
| 内容侧重 | 参数、资质、正品与服务权重更高 | 营销卖点与场景冲击权重更高 |
| 上传入口 | 京东商家后台图文描述区域 | 千牛后台图文详情 |
| 审核节奏 | 有审核环节,部分类目耗时偏长 | 规则与提示体系不同 |
京东买家下单前的核对习惯更重,尤其3C、家电这类类目,会主动找参数表、认证资质和售后政策来确认。一张只讲颜值不讲参数的详情图搬过来,转化大概率不如讲清规格和保障的同款。反过来,把京东那张厚参数、重资质的图搬到淘宝,面对冲动的买家也可能显得不够热闹。理解两边的差别不是让你做两版天差地别的图,而是让你知道共用底图后,各自要补哪一块。
同一条商品图库里,产品图、细节图、场景图是通用的资产,按750宽重排即可;需要按平台单独做的是参数表、资质页、服务承诺这些带平台属性的信息模块。补做的模块单独存好,下次换平台、换版式还能复用,做一次图攒一套模块库,是跨平台运营最划算的做法。

图2:宽同为750基准,京东与淘宝差在PC呈现和内容侧重
六、内容模块怎么配段高:每段只讲一件事
段高不是拍脑袋定的,它跟着内容走。一段图承载一个完整的信息任务,任务不同,适合的段高就不同。先想清楚这一段要讲什么,再决定它做多高,切出来的观感才是整整齐齐的一页一页。
首屏卖点段
一句主卖点加一张高质场景图,高度适中即可,任务是让人决定看下去,别在第一段堆信息。
产品细节段
整体到局部的多角度展示,一段一个局部特写,信息量足,可用较高的段承载。
参数对比段
参数表或多规格对比,一整段放下表格,高度放宽到表格完整呈现为止,不从中间切。
资质售后段
证书、授权、服务承诺排版规整,紧凑段即可,放详情尾部收尾。
整条图的信息顺序建议是:首屏卖点一到两段,产品细节三到五段,参数对比一到两段,资质背书和服务保障各一到两段收尾。总段数控制在十到十五段,超过二十段的超长图在移动端加载和完读都会明显吃亏,信息真的很多时,优先砍掉重复展示的部分,参数和资质要保留。每段左右留出60像素以上的安全边距,文字离切口远一点,观感才从容。
京东的图文区审核对图片文字同样有要求。极限词、绝对化用语不能出现,功效、材质的表述要和商品实际及资质对得上,这部分在规划内容时就要过一遍,别等图做好了再整段返工。
七、用青虎AI按京东规范做详情图
规范和模块定下来之后,制作可以交给工具。青虎AI是对话式AI电商作图工具,把商品原图或白底素材传上去,用文字描述需求,例如按京东详情图750宽给我做详情首屏、给详情图加一页参数对比、把整条长图按750宽切段,它会调用AI详情图、AI长图生成、AI图片处理、AI图片加字等功能出图,多款商品、多个SKU可以批量制作和统一改版。下面是一套完整流程。
步骤一:上传素材并说明平台和用途
把商品原图或白底图传入,说明任务边界,例如按京东详情图750宽做首屏,主卖点是分区收纳免安装。明确平台和宽度,AI出图时就直接按750基准构图,避免做好再缩的返工。
步骤二:让AI分段生成各信息模块
用连续需求搭建内容,例如加一页产品细节特写、加一页参数表、加一页资质背书。一次交代一个模块,出图后逐段检查,比一次生成整条长图更容易控制每段质量,也方便单独替换。
步骤三:用AI加字补齐卖点和参数
参数、卖点文字用AI图片加字处理,把内容一次说清,例如参数页加上额定承重30公斤、材质碳钢、质保两年。短句、标签和表格文字是AI擅长的类型,加完逐字核对数字和材质名称。
步骤四:按750宽切片并批量复用
整条详情图完成后,用AI图片处理按750宽、1200到1500段高批量切片,检查跨段信息,按序号命名输出。多SKU商品把统一模板批量套到各款底图上,规格参数按SKU分别替换。
流程里最值得养成的是模块化习惯。首屏、细节、参数、资质、售后这些模块各自做好留存,换款时只换商品图和相关参数。模块拼成整条图后,段与段之间用同一种底色或同一套页眉页脚衔接,观感就是连续的一份文档,而不是几张图拼起来的堆叠。衔接细节在单张模块上看不出问题,拼成整图后从头到尾检查一遍很有必要。

图3:青虎AI制作京东详情图流程,从素材上传到模块生成再到750宽切片
八、三个场景:卖家按尺寸规范改详情的经过
方法落到具体商品上,看三个卖家的实际改版过程,覆盖京东最常见的三类诉求。
场景一:新手卖家第一套京东详情不再踩尺寸坑
一个从淘宝转京东的收纳卖家,第一次做京东详情就按750宽建画布,先把参数表和资质页做进内容,切段时在段首段尾各留了安全区,按序号命名上传。这次没有再出现白边和裁切,审核一次通过,他把这套参数和流程记成清单,后续每款新品照着走。
场景二:家具卖家按内容边界切出十二段长图
一个卖组装书架的店铺,详情内容多,原来整张长图硬切,跨段切口常切断文字。他重新规划成十二个信息段,每个完整主题一段,参数表单独一段放下,重要文字避开切口,用青虎AI批量切段输出。改版后各段加载正常,买家能顺畅划到参数页核对承重和尺寸。
场景三:五金店多规格SKU统一详情版式
一个卖置物架五金的店铺有多个规格SKU,共用首屏和细节模块,参数各不同。他用青虎AI把统一模板批量套到各规格底图上,参数对比段按SKU逐款生成,整套详情图的尺寸、版式、字体完全一致,参数错位的旧图全部下线,规格类咨询也少了。
三个场景的共同点:尺寸适配不是孤立的技术动作,而是和内容规划、SKU管理一起做的。宽度对了、模块齐全了、切段守规矩了,详情图才真正经得起京东买家的核对式浏览。

图4:从新手建画布到多SKU批量出图,尺寸规范贯穿三类改版场景
九、提交审核前的自检清单
详情图定稿后别急着提交,按下面几项核对一遍。京东图文描述有审核环节,自查花两分钟,能省下一整轮审核等待,改版时沿用已过审的版式,也能显著压缩返工周期。
宽度项:全套图的宽度是否统一为750像素,有没有混入其他宽度的图,宽度混用是显示错位最常见的原因。段高项:每段是否在1200到1500像素范围,跨段位置有没有重要信息被切断,段首段尾是否留了安全区。体积项:单张是否控制在2MB以内,压缩后文字和商品边缘是否发糊,糊了要回设计稿删元素,不是反复调压缩率。
内容项:参数与商品实际是否一致,资质和功效表述有没有对应材料,卖点有没有极限词和绝对化用语。结构项:首屏、细节、参数、资质、售后五类模块是否齐全,顺序是否合理,总段数是否在十五段以内。展示项:把全套图在750宽下从第一屏连看到最后一屏,文字层级是否清楚、配色是否统一、有没有重复占屏的信息。六项全过再提交。
把审核当成改版节点来管理
提交后等待审核,期间不要反复修改,频繁变更会拉长审核周期。能一次过审的关键是提交前做完所有自查。审核通过后复制链接用无痕窗口以买家视角看一遍,首段、顺序、清晰度都确认了,这批图才算真正上线。
十、京东详情图尺寸相关的四个误区
尺寸问题的返工,很多来自对平台的错误理解,而不是操作失误。下面四个误区逐个拆开。
误区一:详情图做得越宽越清楚
展示区域就750像素宽,画布做更宽只会被等比缩小,字和细节一起变小,等于主动降清晰度。750宽就是把有效像素给足的做法,别用更大的画布做完再缩小。
误区二:主图直接当详情图用
主图是方形的营销位,详情图是窄长的信息载体,构图和信息密度完全两回事。主图拼点击,详情图讲信息,混用会导致详情信息缺失,买家点进来找不到想核对的参数。
误区三:一张长图整传最省事
整张超长图上传,平台要二次处理,移动端加载慢,买家等不住就走了。按750宽切片分张上传,每段短图加载快,内容有段落节奏,还能单独替换出问题的某一段。
误区四:淘宝的图改个宽度就能用
改宽度解决的是显示,解决不了内容。京东买家核对参数和资质的习惯更重,参数不足的图搬到京东转化会打折。跨平台复用卖点图没问题,参数资质型模块要按平台补做。
四个误区指向同一个心态:把尺寸当成上传时才需要应付的技术细节。实际上尺寸是详情图设计的起点,构图、段高、信息密度全围绕750宽的展示机制展开,起点错了,后面任何环节都补不回。
十一、把尺寸适配做得更稳的四个技巧
尺寸规则熟练之后,用几个技巧把出错率和改版成本继续压下来。
技巧一:新建画布直接设750宽
从源头避开缩放。先按750做设计,其他用途再等比放大导出,不要反过来在大画布上做完再缩小,后者的文字发虚风险高得多,返工一次等于白做一遍。
技巧二:参数和资质模块独立成段
参数表、资质页单独做成完整段落,不和其他内容挤在同一段。独立段落排版整齐、便于买家定位,还天然避开了表格边框被切口切断的麻烦。
技巧三:改版沿用已过审的段结构
换季换款时沿用上一版通过审核的段结构和尺寸,只替换商品图和参数内容。过审版式说明尺寸和合规都过关,在这个基础上改内容,比推倒重做再等一轮审核稳得多。
技巧四:上传后多端实测再确认
在PC浏览器、安卓机、iPhone上各打开一次详情页,看显示和加载。京东PC流量占比偏高,只拿手机看容易漏掉大屏上的排版问题,实测能发现设计稿发现不了的东西。
四个技巧的方向一致:减少变化、增加验证。尺寸适配这件事,稳定重复比单次极致更重要,模板化、保留历史版本、多端实测,都是让稳定重复变得可控的手段。
十二、总结与常见问题解答
总结:京东详情图尺寸适配的行动框架
京东详情图的尺寸问题集中在宽度、段高、体积三个数上:画布和导出统一750像素宽,切段控制在1200到1500像素并留好跨段安全区,单张导出2MB以内、用JPG和72dpi。与淘宝的差别不在移动端宽度,而在PC呈现逻辑和内容侧重,参数、资质、服务这类信任模块要按京东补齐。内容按首屏卖点、产品细节、参数对比、资质背书、服务保障组织,总段数控制在十五段以内,切段跟着内容走,命名按序号来。制作交给青虎AI,上传素材说明按京东详情图750宽做,逐模块生成、AI加字、按750切片,多SKU套模板批量替换。提交前过宽度、段高、体积、内容、结构、展示六项自查,PC和移动端实测后再等审核。尺寸对上了,详情图才有资格谈转化,这套基本功值得一次做对。
问:京东详情图宽度到底用多少?
通行做法是750像素宽,对齐移动端展示,PC端居中适配。平台规则偶有更新,具体以京东商家后台图文描述区当前的提示为准,动工前先到后台确认最新口径。
问:京东详情图一段做多高?
1200到1500像素是常见范围。信息碎片用偏矮的段,信息量大用偏高段,关键是重要文字和表格边框不要落在两段交界处,切口位置跟着内容边界走。
问:一张详情图最大能做多大?
单张控制在2MB以内、理想状态1MB上下。超了先回设计稿减元素或拆段,别硬传。体积和段数共同决定详情页的加载速度,越靠前的段越要优先保证体积。
问:京东主图能当详情图直接传吗?
不建议。主图是营销位,详情图是信息长图,构图和密度要求不同。两者分开制作,详情图按750宽的信息结构走,参数资质模块不能省。
问:用青虎AI怎么按京东尺寸做详情?
上传商品素材,用文字说明,例如按京东详情图750宽做首屏、加一页参数对比、整条长图按750宽切段。AI调用详情生成、长图、图片处理等功能出图,模块化生成后拼接检查。
问:详情图导出用JPG还是PNG?
常规详情图用JPG,体积小加载快;需要透明底的素材单独用PNG,长图不建议整条PNG。分辨率72dpi、颜色RGB即可,CMYK导出的图在屏幕上会偏灰。
问:为什么图传上去总是留白或被裁?
多半是宽度不是750像素,或全套图宽度不统一。检查每段导出的实际像素宽度,全部统一为750,混入不同宽度的图就会造成错位和留白,重新按750导出再传。
问:京东详情图是越长越好吗?
不是。总长越长加载越慢、完读越低,十五段以内是常见建议。信息多时压缩重复展示的部分,参数和资质这类关键模块要保留,长度服务于信息不服务于排面。
问:淘宝的详情图能直接传到京东吗?
卖点型页面可以,参数资质型内容要按京东补做。京东PC流量占比偏高,买家更习惯核对参数和信任背书,直接搬来的图完读和转化可能不如预期。
问:详情图上传后被压糊怎么办?
回到设计稿处理,别反复调上传压缩率。检查画布是不是750宽原尺寸导出、JPG质量是否过低、段里有没有过多细小文字,从源头解决,压缩只是最后一道保险。
问:京东自营和POP的详情图谁来做?
自营商品详情由平台编辑团队统一把控,卖家按平台要求备齐素材;POP商家自己在后台图文描述区上传,改动灵活但审核要自己盯。做图前先分清自己的经营模式。
问:详情图审核一般要多久?
不同类目差异较大,部分类目耗时偏长。所以上传前做足自查,改版沿用已过审版式,减少反复提交,一次过审就是最省时间的做法。

评论列表 (0条):
加载更多评论 Loading...