京东详情页图的尺寸是多少？京东图片规格详解

在京东开店，详情页是决定转化率的关键环节。用户点击商品进到详情页，能不能留下来、愿不愿意下单，很大程度上取决于详情页的呈现质量。而详情页的呈现质量，起点就是尺寸规格。尺寸不对，图片会被平台压缩变形、被系统裁切、上传失败，再好的设计也白做。

不少京东卖家在详情页尺寸上吃过亏：有的用了淘宝的宽图，在京东页面里显示不完整；有的用方图拼长图，接缝处出现白边；还有的图片超过上传大小限制被反复驳回。这些问题的根源，都是没有先把京东详情页的尺寸规格搞清楚就动手做图。

这篇文章把京东详情页的尺寸规格做一次完整梳理。先讲清楚京东详情页的尺寸标准是什么、为什么是这个标准，再列出完整的规格清单和大小格式要求，然后讲尺寸相关的常见误区、不同类目的版式建议，最后落到青虎AI 在京东详情页制作里的实操用法。目标是让你看完之后，做京东详情页不再被尺寸问题卡住。

先给一个核心判断：京东详情页的尺寸核心就是"宽度 750 像素、高度自由、竖版长图"这一套组合。在京东实行商详一体化的背景下，PC 端和移动端共用一套详情页，统一使用 750px 宽的竖版长图是最稳妥、兼容性最好的做法。把这个基础定住，后面的格式、大小、版式都有了解法。

这篇文章面向的读者主要是京东的中小卖家、运营和设计师。你会发现，详情页尺寸这件事本身不复杂，真正麻烦的是它藏在各种细节里：画布怎么建、边距留多少、文字多大、图片多重、上传走哪个入口。把这些细节一次讲透，你就能把精力从"和平台规则搏斗"转到"把详情页做得更有说服力"上。

一、京东详情页图片的尺寸标准是什么

京东详情页的尺寸标准，要先从它的展示环境说起。京东的商品详情页有 PC 端和移动端两种展示场景，平台推行商详一体化之后，同一套详情图在两端共用，这就决定了详情图必须采用两边都能兼容的规格。

宽度 750 像素是目前京东详情页的主流标准。无论是 PC 端还是移动端，750px 宽的竖版图片都能获得较好的展示效果，也符合京东对详情页图片的处理逻辑。制作详情页时，把画布宽度设为 750px，高度按内容需要自由延伸，这是行业里最通行的做法。

高度方面，京东对详情页图片的高度没有严格的固定值，但并不是说可以无限长。图片过长会导致加载变慢，用户翻到后面的概率降低，转化效果打折。行业里比较合理的做法是把详情页控制在 10 屏上下，单屏按宽度 750px、高度 1000px 到 1200px 来规划，整条详情长图控制在 10000px 到 15000px 的范围内比较合适。

关于"一屏多高"这个参数，很多新手容易理解偏差。详情页的一屏不是按手机屏幕物理尺寸算的，而是按内容区块来规划的。一个卖点模块、一张大图加一段说明文字，就是常规的一屏。做图时不用纠结每屏精确到多少像素，用模块化的思路去规划内容，再把模块串成一条 750px 宽的长图，出来的详情页节奏自然合理。

除了详情页本身，京东商品的图片体系还包括主图。京东商品主图通常为正方形，尺寸建议做到 800×800 像素以上，保证在搜索结果和商品页放大后依然清晰。主图和详情页是两套独立的图片，规格要分开记：主图是方图，详情页是长图。

这里要把"像素"和"分辨率"的概念理清楚，很多新手在这上面绕弯路。详情页做图时，重点看的是像素尺寸，也就是 750px 宽这个数值；分辨率（dpi）对网页展示的影响很小，导出时按常规的 72dpi 到 96dpi 即可，不用纠结 300dpi。很多人以为导出 300dpi 会更清晰，实际上网页图片的清晰度取决于像素尺寸，而不是 dpi 数值。

二、京东详情页为什么统一用750宽度

很多卖家会问，为什么京东详情页要统一用 750px 宽度，而不是像淘宝早期那样区分电脑端和手机端？这背后是京东商详一体化的产品逻辑。

商详一体化意味着 PC 端和移动端共用同一套详情内容。如果 PC 端用一套宽图、移动端用一套竖图，运营要维护两套素材，成本翻倍还容易出错。统一成 750px 宽的竖版长图后，一套素材两端通用，运营只维护一套，效率明显更高。

从显示效果看，750px 宽度在 PC 端和移动端都有不错的兼容性。PC 端详情区域居中展示，750px 宽度视觉饱满；移动端屏幕普遍在 375px 到 430px 的物理宽度区间，750px 的设计稿按两倍图渲染，清晰度足够。

这里可以解释一下"两倍图"的概念，它直接影响你对清晰度的理解。移动端的高清屏通常按 2 到 3 倍像素渲染，750px 宽的设计稿在主流手机屏幕上展示时，恰好接近两倍图的清晰度标准。这也是电商平台普遍推荐 750px 宽设计稿的原因之一：既保证了清晰度，又不会因为设计稿过大导致文件体积失控。理解这个原理，你就不会再用 375px 的小画布去做详情页，也不会把设计稿做成一两千像素的巨幅。

还要注意的是 750px 是"内容安全宽度"。在实际显示时，页面两侧可能有留白和边距，所以详情页里的重要信息（卖点文字、价格标签、产品主体）要放在 750px 画布的中间区域，避免内容贴边被裁切。设计时可以把两侧各留出 30px 到 50px 的安全边距，重要内容都收在安全区内。

安全区的概念要延伸到每一个模块里。详情页里最常见的问题是"整屏都是字"和"整屏都是图"，前者信息过载、后者缺乏卖点。好的做法是每个模块内部也分层：大标题、卖点文案、支撑图、点缀元素，各占一屏的一小块区域。这样整条详情页看下来节奏分明，用户的视线能跟着你的引导走，转化率自然更高。

三、京东详情页的完整规格清单

把京东详情页相关的规格汇总成一张清单，做图时对照着来，基本不会出错。下面这张表覆盖了主图、详情页、视频封面等主要图片场景。

图片类型	推荐尺寸	比例	使用说明
商品主图	800×800 以上	1:1 正方形	建议白底、主体居中，支持多张
详情页图片	宽度 750	竖版长图	高度按内容自由延伸，一套两端通用
卖点图	宽度 750	竖版长图	与详情页同宽，重点突出卖点
参数图	宽度 750	竖版长图	信息密度高，注意字号清晰
视频封面	800×800 以上	1:1 或 16:9	封面信息简洁，避免文字过密

这张表是京东详情页制作的基本参照。实际制作时，主图和视频封面优先保证正方形清晰度，详情页相关的图统一按 750px 宽度来做，这样整条详情链路的视觉是统一的，不会出现跳变感。

在实际操作中，"宽度统一"这个要求看起来简单，做起来容易跑偏。最常见的情况是，设计师习惯从模板网站下载现成素材，不同模板的宽度不一样，拼在一起就出现宽窄不一的接缝。解决方法是把 750px 作为唯一的画布宽度标准，所有外部素材进入画布前先做适配，保证最终导出的每一条详情页都在同一个宽度体系里。

需要补充的是，京东商家后台对上传图片会有具体的格式和大小限制提示，不同类目、不同后台版本的提示可能略有差异。制作前先登录商家后台查看当前的上传规范，以平台提示为准，比任何网上的教程都可靠。

规格清单看着不长，但每一条都对应实际的制作动作。建议把这张表截图保存，或者打印出来贴在工位上。做图时对照清单逐项检查：宽度对不对、格式对不对、大小对不对，全部勾选通过再上传，详情页上线一次成功的概率会高很多。

四、京东详情页图片的大小与格式要求

尺寸之外，图片的大小和格式同样是上传能否顺利通过的关键。很多卖家在尺寸上没出错，却因为单张图片体积过大被反复驳回。

格式方面，京东详情页图片通常支持 JPG 和 PNG 两种主流格式。JPG 适合摄影图、实拍图，文件体积小；PNG 支持透明背景，适合需要抠图处理的素材。一般建议详情页图片用 JPG，兼顾清晰度和体积。

另外提醒一点：导出时注意颜色模式，网页图片统一用 RGB 色彩模式，不要误选成印刷用的 CMYK。CMYK 的图片传到网页上颜色会明显偏暗、偏灰，看起来像没调色。这个细节虽然和尺寸无关，却是详情页"看着不对劲"的常见原因，导出前顺手检查一下能避免不少返工。

大小方面，京东对单张上传图片有体积限制，超过限制的图片会被系统拦截。做图时要养成控制文件体积的习惯：详情页单张图片尽量控制在 1MB 到 3MB 之间，既能保证清晰度，又不容易触碰上传上限。

检查项	推荐标准	常见问题	处理建议
图片格式	JPG / PNG	使用不兼容格式上传失败	统一导出为 JPG
单图大小	1MB 到 3MB	体积过大被驳回	导出前压缩，控制画质
图片宽度	750px	宽度不统一出现跳变	全部按 750px 导出
文字可读性	正文不小于 24px	小字被压缩后看不清	导出后缩小检查可读性

这张表解决的是"上传不通过"的问题。做图时如果图片体积控制不住，可以用专业的压缩工具批量处理。压缩时注意别把画质压得太狠，详情页图片以"缩小到手机屏幕大小依然清晰"为验收标准。

文件体积的控制有一个实用技巧：先导出高质量版本留档，再压缩一份上传版本。压缩时从 90% 画质开始往下试，找到"视觉无损"的临界值。多数情况下，把详情页长图切成几段分别导出，比导出整张超长图更不容易触发体积限制，也方便上传后分模块管理。这条经验在图片特别长的类目里非常实用。

五、京东详情页尺寸相关的四个误区

关于京东详情页尺寸，市面上流传着不少说法，有些说法过时了，有些从一开始就是错的。下面四个误区最常见。

四个误区的共性是"用经验替代确认"：要么沿用别的平台的规格，要么凭旧经验做图。京东详情页的规格体系相对清晰，制作前花两分钟确认一遍，能省掉后面大量返工。

还有一个进阶的提醒：京东详情页的规范不是一成不变的，平台会根据用户体验和数据表现调整规则。比如商品详情页改版、图片展示方式的调整，都会影响详情页的呈现。建议把"每月翻一次京东商家后台的规则更新"变成固定动作，及时跟上平台变化，别让过时的经验变成最大的坑。

六、不同类目的详情页尺寸与版式建议

尺寸标准是所有类目通用的，但不同类目的详情页版式侧重点差别很大。下面按类目给一些版式上的建议。

类目版式千差万别，但尺寸底线是统一的：全部图片按 750px 宽度制作。在这个宽度下，再按类目特点规划每一屏的内容，详情页的整体质量就有了基本保障。

类目建议之外，还有一个经常被忽略的细节：详情页的字体选择。京东详情页的文字以清晰易读为原则，正文用黑体、微软雅黑这类无衬线字体即可，不要用花哨的艺术字体做正文。卖点标题可以适当用加粗和放大来强调，但一屏里不要出现超过两种字体风格，否则容易显得杂乱，拉低商品的品质感。

制作时还有一个通用原则：详情页的每一屏都要有明确的"信息焦点"。要么是一张主视觉图，要么是一个核心卖点，不要在一屏里塞太多信息。用户是快速滑动浏览的，一屏只讲一件事，接收效率最高。

信息焦点的排布还要考虑用户的决策路径。用户在详情页上的心理活动大致是：这个东西是什么、有什么好、凭什么信你、怎么买。按照这条路径，详情页的前段放产品主体和核心卖点，中段放细节、场景和对比，后段放参数、认证和服务承诺。图片顺序和尺寸规范一样重要，顺序对了，用户的耐心才跟得上。

图1：京东主图与详情页的尺寸规格示意

七、用青虎AI制作京东详情页：三个落地操作

规格清楚了，接下来是制作。以青虎AI 的电商视觉功能为例，演示三个京东详情页的制作操作，覆盖批量生成、二次微调和图片处理，可以直接套用到日常上新。

三个操作覆盖了京东详情页制作的三种典型需求：批量生成、二次微调、规格统一。日常上新按需组合：新详情页用复刻生成，细节调整用编辑模式，存量素材用批量工具，三个功能配合，详情页制作效率能提升一个量级。

值得强调的是，青虎AI 的这几个功能在操作上都对新手友好，不需要会设计软件。详情图复刻工具的核心是"参考图加产品图"双输入，你负责提供素材和确认需求，风格解析、排版、文案生成都由 AI 完成；编辑模式提供的是所见即所得的拖拽操作，像在线文档一样直观。把这两步跑通，一条符合 750px 规格的京东详情页，从素材到成品通常只需要几分钟。

图2：传统详情页制作与青虎AI详情图工具的效率对比

八、京东详情页尺寸相关的四个技巧

绕开误区之后，下面四个技巧能让京东详情页的尺寸处理和整体制作更顺手。

四个技巧分别对应画布规范、可读性检查、视觉统一和上传校验，组合使用效果最佳。技巧的本质都是"在制作流程里提前解决规格问题"，让尺寸成为流程的一部分，而不是做完之后再补救。

再补充一个团队协作层面的技巧：把规格要求写进需求文档。如果是运营提需求、设计做图、运营再上传的流程，把"750px 宽度、1MB 到 3MB、正文不小于 24px"这些硬性要求直接写进需求模板，前端设计照着做，后端上传做校验，规格问题在需求阶段就被拦截，不会一路漏到上线环节。

九、三个京东详情页制作案例

看三个真实场景，了解京东详情页在尺寸规范和制作工具配合下的实际效果。

三个案例的共性是：规格统一加工具提效，把详情页制作从"费力返工"变成"批量完成"。不管是新店冷启动、大促临时改稿，还是老店存量优化，尺寸规范和 AI 工具的配合都能带来实打实的效率提升。

这三个案例里还有一个共同的细节：他们都把"规格先行"放在了流程的最前面。案例一先确定 750px 规格再批量生成，案例二在生成时就预留了文案替换空间，案例三先统一尺寸再优化素材。规格不是做完图之后的检查项，而是开始做图之前就要定好的前提。这个意识建立了，后面每一步都不会白费。

图4：京东详情页规格与制作工具在不同场景的应用

图3：青虎AI京东详情页制作任务流程

十、从做详情页到建视觉规范的落地路径

单条详情页做得好，只是第一步；把详情页制作规范成团队流程，价值才真正放大。建议按四个阶段推进。

四个阶段的本质是"先做对、再做好、后统一、终复用"。尺寸规范是地基，模板是骨架，视觉体系是血肉，素材库是资产。一步步走下来，详情页从"每次重做"变成"按规范产出"。

给这个路径补充一个现实提醒：视觉规范的建设不是一次性的工程，而是持续迭代的过程。店铺的品类在扩展、平台的规则在变化、用户的审美在升级，规范要跟着调整。建议每季度做一次详情页的全面复盘，看各商品的转化数据，淘汰效果差的版式，把验证有效的模块沉淀进模板库。规范和素材库一样，越迭代越值钱。

十一、常见问题解答