京东详情图手动下载漏图,几乎不是你的问题——详情区是懒加载的,楼层是装修出来的,还有一部分图压根不在 <img> 标签里。下面拆开这三个原因,再说我实际用的办法:批量抓全、原图直下,顺手拼成一张详情长图。
一、漏图的三个真实原因
- 懒加载:详情图要滚动进视口才会请求。你打开页面就 Ctrl+S 或者在 Network 里翻,看到的只有首屏那几张。
- 楼层装修:京东的详情是模块化的,每个店铺的楼层结构都不一样,DOM 里有
#detail-main、.ssd-module好几套容器写法。写死一个选择器,换个店铺就漏一半。 - 背景图:不少楼层把图做成 CSS
background-image,根本没有 img 节点,右键都点不到。
所以「打开页面慢慢存」这条路注定有漏。我见过漏得最夸张的一次:页面显示 32 张详情图,手动存下来只有 18 张,差的全是背景图和滚动区。
二、批量抓取怎么做才不漏
要覆盖上面三种情况,抓取得同时做四件事:
- 按楼层滚动:粗扫步进触发懒加载(我们插件的京东详情扫描是 300ms 间隔、700px 步进的节奏),滚动完再做一次细扫兜底;
- 背景图通道:额外扫
#detail-main等容器里的background-image,把 CSS 图也收进来; - 排除干扰:按尺寸门槛(小图大概率是图标)和排除词(
recommend、jdmcc、waist这类推荐位/楼层导航)过滤,免得「看了又看」的图混进详情; - 去重:同一张图可能在主图区和详情区都出现,按 URL 归一后去重。
这些动作听着多,其实就是点一下的事:京东详情页 → 点插件图标 → 图片采集页签,分组里的「详情图」就是滚动、抓背景、过滤、去重之后的结果。主图和 SKU 图是另外两组,不会混。
三、把详情图拼成一张长图
抓全之后还有个高频需求:铺货或自己存档时,想要一张完整详情长图,而不是几十张散图。「详情长图」按钮干的就是这个:
- 把已采集的详情图按原顺序纵向拼接,输出 PNG,不做有损压缩;
- 我们实测过一个完整商品:拼出来是 1000 × 13576 px;
- 浏览器对单张 canvas 有高度上限,超了会自动分片(比如拆成两张),不会拼一半报错;
- 一般十几秒内出图,直接存本地或传到平台详情编辑器。
提醒一句:长图是给你自己存档、铺货预览用的;往平台上传前,按该平台的详情图尺寸与体积要求核一下,别整张怼上去。
四、导出与上架怎么接
三种交付形态按场景选:散图 ZIP(详情图/ 一个文件夹,原图名);详情长图 PNG(一张管到底);整合包——图片目录 + 上架数据包 Excel + SKU 数据表 + 商品数据 JSON 一起打,给 ERP 用。图片清单会列出每个文件名对应的 ZIP 内相对路径,导入时对得上号。
电商采集大师
京东(淘宝、天猫、1688、拼多多、亚马逊同样支持)的主图 / SKU 图 / 详情图分组采集、原图直下、详情长图自动拼接,全部在一个侧边栏里完成,图片采集永久免费。
免费下载安装 淘宝下图方法对比常见问题
京东详情图为什么手动下载会漏?
三个原因:详情区懒加载(不滚动图不加载)、楼层装修(每个模块的 DOM 结构都不一样)、部分图是 CSS 背景图而非 img 标签,右键和常规的 img 收集都抓不到。
详情长图有多大?会被平台拒绝吗?
实测一个完整详情能拼成 1000×13576 px 的长图;超出平台单图高度上限时工具会自动分片成多张 PNG。上传前按目标平台的详情图尺寸要求检查一下即可。
下载的详情图是原图吗?
是。批量下载默认直连平台原图,不做二次压缩;拼接长图时按原样 PNG 输出,不做有损压缩。
京东采集需要登录吗?
采集图片、SKU、商品参数不需要登录京东账号;采集评论需要你已登录京东。