淘宝详情图尺寸是电商卖家在上新时最容易被忽视但影响最大的细节。一张设计精美的详情图,如果尺寸不对,轻则被平台压缩导致模糊,重则直接被驳回无法上架。很多卖家花了几百上千元做详情图,结果因为尺寸问题被压缩成低质量版本,流量转化两头亏。尺寸规范不是小事,它直接决定详情图在移动端的呈现效果。
这篇内容把淘宝详情图尺寸从基础规范、移动端适配、字号可读性、图片体积控制到 AI 出图全流程拆开来讲,并配上青虎AI 按淘宝规范生成详情图的实操步骤,让你无论是否有设计基础,都能在 10 分钟内产出一张尺寸合规的淘宝详情图。
重点放在三个地方:一是 750px 宽度下的设计规范,二是字号和图片体积怎么控制,三是怎么用 AI 工具自动适配淘宝尺寸。文章里提到的每一个操作步骤都来自青虎AI 真实功能。
淘宝详情图尺寸规范:750px 宽度是底线
淘宝详情图的宽度规范是 750px,这是淘宝官方推荐的移动端详情图宽度。高度没有硬性上限,但整条详情长图建议控制在 9000-15000px 之间。很多商家为了省事直接做 800px 宽度的详情图,上传后会被淘宝自动压缩到 750px,导致图片变形或边缘被裁切。750px 宽度是基于移动端屏幕尺寸和加载速度的最优解,不是随意定的数字。
为什么是 750px 不是 800px 也不是 640px
淘宝详情图的设计基准是移动端,大部分手机屏幕宽度在 375-414px(物理像素)之间,对应 750-828px(CSS 像素)。750px 宽度可以被 2 倍屏幕完美适配,不会出现左右留白或图片被截断的问题。800px 宽度在部分手机上需要缩放,导致图片模糊或字体变小。640px 宽度在宽屏手机上左右留白太多,视觉体验差。750px 是经过淘宝平台验证的最佳宽度。
| 参数 | 规范值 | 说明 |
|---|---|---|
| 详情图宽度 | 750px | 淘宝官方推荐宽度,移动端完美适配 |
| 详情图高度 | 无硬性限制 | 建议 9000-15000px,过长用户完读率下降 |
| 单张图片大小 | 不超过 3MB | 超过 3MB 会被淘宝自动压缩 |
| 图片格式 | JPG、PNG、GIF | JPG 优先,PNG 适合透明背景 |
| 色彩模式 | sRGB | 避免 Adobe RGB 导致颜色失真 |
| 分辨率 | 72dpi | 屏幕显示够用,不要用 300dpi 印刷分辨率 |
一个容易被忽视的细节:淘宝详情图的宽度规范是 750px,但天猫详情图的宽度规范是 790px。如果你同时做淘宝和天猫,不要在淘宝详情图里直接套用 790px 宽度,需要各自适配。青虎AI 详情图复刻工具在”比例参数”里区分了淘宝和天猫的尺寸,选择对应平台即可自动适配。
移动端适配:750px 宽度下的字号与排版
750px 宽度确定后,字号和排版是移动端适配的核心。很多商家在电脑上做的详情图在手机上完全看不清,原因是字号太小或排版太密。移动端适配的核心原则是”在 750px 宽度下,所有文字内容在手机屏幕上 3 米外手机距离都能看清”。
字号规范:不同文字层级的尺寸建议
详情图上的文字分为 3 个层级:标题文字(核心卖点的大字)、正文文字(功能说明、参数)、小字(标注、图标说明)。标题文字建议 60-80px(在 750px 宽度下),正文文字建议 28-36px,小字建议 20-24px。这个字号范围能保证用户在手机上不用放大就能看清所有文字。低于 20px 的文字在手机上几乎看不清,除非是极简的标注。
| 文字层级 | 建议字号(750px宽度) | 手机端呈现效果 | 使用场景 |
|---|---|---|---|
| 核心卖点大字 | 60-80px | 一眼可见 | 卖点海报、品牌 slogan |
| 次级卖点文字 | 40-50px | 清晰可读 | 功能标题、卖点标签 |
| 正文说明文字 | 28-36px | 正常阅读 | 功能描述、参数说明 |
| 标注小字 | 20-24px | 勉强可读 | 图标标注、免责声明 |
| 极小字 | 16-18px | 需要放大 | 不建议用于核心信息 |
误区一:用 PC 端设计思维做移动端详情图。很多设计师在电脑上做详情图,用 14-16px 的正文字号,在电脑上看着舒服,但传到手机上就看不清了。移动端详情图的设计基准是”手机屏幕”,不是电脑屏幕。做设计时建议直接用 750px 宽度画布,在画布上 100% 预览时文字看起来偏大,但到了手机上为了配合屏幕宽度自动缩放后,文字大小就刚刚好。
排版间距:不要挤在一起
750px 宽度下的排版间距也有讲究。模块之间的间距建议 60-120px,文字和图片之间的间距建议 30-50px,行间距建议 1.5-2 倍字号。间距太近会让用户阅读时感到压抑,间距太远又浪费空间。合理的间距能让用户在手机滑动时自然地”呼吸”,降低阅读疲劳。
误区二:详情图信息密度越高越好。在 750px 宽度下,信息密度过高会导致用户阅读困难。每屏(约 750x1334px)只展示 1-2 个核心信息点,不要在一屏内塞 5-6 个卖点。用户滑动的速度是很快的,每屏能吸收的信息只有 1-2 个。把信息分散到多屏,每屏聚焦一个卖点,用户读到的信息总量反而更多。
图片体积控制:3MB 以内的优化方法
淘宝详情图单张图片不能超过 3MB,整条详情长图总大小建议控制在 20MB 以内。超过这个限制,淘宝会自动压缩图片,导致画质下降、文字模糊。图片体积控制不是可选项,而是上架前的必须操作。
影响图片体积的 4 个因素
第一是分辨率:750px 宽度的图片比 1500px 宽度的图片文件小 4 倍,输出时直接设 750px 宽度。第二是压缩率:JPG 质量 85% 和质量 100% 文件大小差 3-5 倍,视觉差异极小。第三是画面复杂度:纯色背景比复杂场景背景文件小 60% 以上。第四是图片数量:一条详情图如果切成多张单图上传,每张单图都要控制在 3MB 以内。
技巧:JPG 质量 85% 是黄金平衡点。对于详情图,JPG 质量 85% 在画质和文件大小之间达到最佳平衡。视觉上和质量 100% 几乎没有区别,但文件大小只有后者的 20-30%。如果图片包含大量文字,用质量 90% 避免文字边缘出现压缩噪点。如果图片是纯色+简单产品,用质量 80% 也完全够用。
实操:3 步把图片压缩到 3MB 以内
第一步:设计时宽度直接设为 750px,不要先做大图再压缩,能避免分辨率浪费。第二步:导出时 JPG 质量设为 85%,检查文件大小是否在 3MB 以内。第三步:如果仍超过 3MB,用图片压缩工具(如 TinyPNG)做一次无损压缩,通常能再压缩 30-50%。三个步骤走完,99% 的详情图都能控制在 3MB 以内。
如果图片压缩后文字出现模糊,说明压缩率过高。此时不要继续压缩,而是检查图片本身是不是分辨率过高(比如宽度超过 750px)、画面是否过于复杂(比如大量渐变、纹理)。解决根本问题后再导出,效果比单纯压缩好得多。
淘宝详情图尺寸的常见误区:4个导致上架失败的设计陷阱
尺寸问题上,以下 4 个误区是商家最常犯的。每个误区都可能导致详情图被驳回或转化率下降。
误区一:详情图宽度用 800px 而不是 750px。很多商家觉得 800px 比 750px 大,显示效果更好。实际上淘宝详情图宽度规范是 750px,800px 的图片上传后会被自动压缩到 750px,导致图片变形或边缘被裁切。强制用 750px 宽度设计,不要用其他尺寸让平台自动压缩。
误区二:详情图分辨率和主图一样用 800×800。主图是 1:1 正方形,详情图是长图,两者尺寸规范完全不同。详情图的宽度是 750px,高度按需设置。不要用主图的尺寸规范做详情图,也不要从主图直接裁剪成详情图,两者的视觉逻辑完全不同。
误区三:详情图越长越好,信息越全转化越高。超过 15000px 的详情图,平均完读率不到 15%。用户在中段大量流失,后面的模块等于白做。标品建议 6000-9000px,非标品建议 9000-13000px,高客单价商品建议 13000-15000px。超过这个范围要做减法,把后段的低价值模块砍掉。
误区四:详情图用 300dpi 导出更清晰。屏幕显示的标准分辨率是 72dpi,300dpi 是印刷分辨率,用在详情图上只会让文件变大、加载变慢,不会让显示更清晰。导出时分辨率设为 72dpi,这是最适配屏幕的。
用青虎AI 详情图复刻工具按淘宝规范出图
这一节进入实操环节。青虎AI 工作台的”电商详情图复刻工具”位于【创作】-【电商详情图】-【详情图复刻】入口,支持按淘宝详情图尺寸规范自动生成。
步骤 1:进入功能入口
登录青虎AI 工作台,点击左侧导航栏【创作】-【电商详情图】-【详情图复刻】,或从 LinkPix 首页的【电商详情图】模块进入。弹出的独立操作弹窗分为参考图区、产品图区、批量设置、参数设置四大模块。
步骤 2:上传参考图与产品图
在”参考图”区域上传需要复刻风格的详情图作为参考,单次最多上传 10 张。建议选择清晰无水印、排版规范的爆款详情图。在”产品图”区域上传自家商品实拍图,建议上传同商品多角度或不同 SKU 实拍图,最多支持 3 张。AI 会结合参考图的排版逻辑把产品自然嵌入到新场景中。
步骤 3:在参数设置中选择淘宝尺寸
点击”批量设置”选择文案复用模式,然后在参数设置区域选择”比例参数”。青虎AI 内置了淘宝详情图的尺寸选项,选择”淘宝详情长图”或”750px 宽度”即可自动适配淘宝规范。同时还支持天猫、拼多多、抖音商城、京东等平台的尺寸一键切换。
步骤 4:创建任务并下载成品
全部配置完成后,点击底部”创建任务”(预估消耗 2 积分/任务)。AI 会按照淘宝详情图尺寸规范自动生成,宽度固定为 750px,文字大小自动适配移动端阅读。生成完成后可批量预览、下载高清成品素材,直接用于淘宝店铺上架。
技巧:生成后检查文字大小。虽然 AI 会自动适配淘宝尺寸,但生成后建议在参数设置里检查文字大小是否在推荐范围内。如果文字偏小,在编辑模式中手动调整字号。从 750px 宽度设计导出后,在手机上预览时文字应该清晰可读,不需要双指放大。

青虎AI 详情图复刻工具按淘宝规范生成操作流程:选择淘宝尺寸自动适配宽度和字号
用青虎AI 详情图编辑模式做尺寸微调
复刻工具生成的详情图已经是淘宝标准尺寸,但如果你需要调整某个模块的尺寸或排版,不需要打开 PS。青虎AI 工作台的”电商详情图编辑模式”提供了内置在线编辑器,在 AI 生成基础上做拖拽级微调。
步骤 1:进入编辑模式
在详情图复刻生成结果列表中,找到需要微调的详情图,点击下方的”编辑”按钮,即可进入内置的在线编辑器。编辑器默认 750px 宽度画布,所有操作都在这个标准尺寸下进行。
步骤 2:调整文字大小和位置
顶部工具栏调整字体、字号、字重、对齐、颜色。如果生成时文字偏小,在编辑器中手动增大字号到推荐范围。文案内容可直接在编辑器中增补、删减、改写,无需重新生成图片。画布区直接用鼠标拖动图文模块改变位置和大小。
步骤 3:保存并导出
排版调整完毕后,先点击右上角”保存”按钮留存编辑版本,再点击”导出”按钮得到最终详情长图。导出文件为高清无损格式,宽度 750px,可直接上传到淘宝后台。注意导出前检查文件大小是否在 3MB 以内,如果超过 3MB 可以在编辑器中降低图片质量设置。
技巧:多尺寸并行生成,先定稿后导出。如果你同时在淘宝和天猫开店,建议先在淘宝 750px 尺寸下完成所有版式调整和文字校对,满意后再切换天猫 790px 尺寸重新生成。这样可以保证两个平台的详情图风格统一,避免因为切换尺寸导致重新调整版式。

淘宝详情图尺寸正确与错误对比:左侧 750px 正确尺寸,右侧 800px 错误尺寸导致变形
淘宝详情图的上传与后台设置要点
尺寸规范只是第一步,上传到淘宝后台的环节同样重要。很多商家在 PS 里辛苦做好的 750px 详情图,上传时因为方式不对,导致图片被压缩、顺序错乱、加载缓慢。上传环节的细节,直接决定详情图在真实用户手机上的呈现效果。
单个长图上传 vs 多张单图上传
淘宝后台支持两种详情图上传方式:把整条详情长图作为一张图片上传,或者把详情图切成多张单图批量上传。两种方式各有优劣。整张长图上传的优势是操作简单、顺序不会乱,劣势是单张文件过大(如果超过 3MB 会被压缩)。多张单图上传的优势是每张可以单独控制大小和顺序、加载更快,劣势是需要手动排顺序。对于超过 3MB 的长图,建议切成多张单图上传,每张控制在 3MB 以内。
上传后的 3 步检查
上传完成后做三个检查,避免详情图出现展示问题。第一是检查图片顺序是否正确,按 1-2-3 的顺序排列,品牌头图在最前,服务承诺在最后。第二是在手机端预览详情页,检查文字是否清晰、图片是否被压缩变形、加载速度是否可接受。第三是检查图片数量是否完整,是否有漏传的模块。三个检查都通过,详情图才算真正上架成功。
| 上传方式 | 适用场景 | 优势 | 劣势 |
|---|---|---|---|
| 整张长图上传 | 详情图小于 3MB | 操作简单、顺序不乱 | 文件过大会被压缩 |
| 多张单图上传 | 详情图超过 3MB | 每张可控、加载更快 | 需手动排顺序 |
| 详情短视频+图片组合 | 需要动态展示 | 提升停留时长 | 制作成本更高 |
详情页的移动端专属优化
淘宝详情页在移动端的占比超过 80%,上传前做移动端专属优化能显著提升转化。移动端优化的核心是”前 3 屏”策略——用户打开详情页后,第一屏是主图,第二、三屏是详情图的开头部分。把最核心的卖点和最有冲击力的视觉放在详情图开头,让用户滑到第二屏就能看到核心卖点,而不是被无关的头图占用。很多商家把品牌头图做得太长,结果用户滑了好几屏才看到核心卖点,早就划走了。
技巧:前 3 屏黄金法则。详情图的前 3 屏(约 2250px 高度)是用户停留最久的区域,转化贡献最大。把核心卖点海报、产品主图、第一套使用场景图放在前 3 屏,把品牌信息和参数细节放在后面。移动端用户耐心极短,前 3 屏决定用户是否愿意继续往下滑。
不同平台详情图尺寸规范横向对比
如果你同时做多平台运营,每个平台的详情图尺寸规范不同。以下表格把主流平台的尺寸规范整理在一起,方便对照参考。
| 平台 | 详情图宽度 | 主图尺寸 | 单张大小上限 | 特殊要求 |
|---|---|---|---|---|
| 淘宝 | 750px | 800×800 (1:1) | 3MB | 详情图推荐长图格式 |
| 天猫 | 790px | 800×800 (1:1) | 3MB | 需要服务承诺模块 |
| 拼多多 | 750px | 750×750 (1:1) | 5MB | 文字不能太多 |
| 抖音商城 | 750px | 800×800 (1:1) | 10MB | 前 3 张突出卖点 |
| 京东 | 790px | 800×800 (1:1) | 3MB | 需要服务承诺模块 |
| 小红书店铺 | 750px | 800×800 (1:1) | 3MB | 偏生活方式风格 |
| Amazon | 970px | 1000×1000 (1:1) | 10MB | 主图必须纯白底 |
| Shopee | 1024px | 800×800 (1:1) | 2MB | 不能有平台外链 |
用青虎AI 详情图复刻工具生成时,在”比例参数”里选对应平台尺寸,AI 自动适配宽度、字号和排版规范。一次生成可以直接上架,不需要后期二次裁剪。
实战案例:3个不同品类的淘宝详情图尺寸适配
理论讲再多不如看真实案例。下面展示 3 个不同品类的详情图尺寸适配案例,每个案例都展示从设计到上架的全过程。
案例一:食品类详情图尺寸适配
某零食卖家需要做淘宝详情图,宽度 750px。设计时核心卖点大字用 72px,正文用 32px,小字用 22px。模块间距设 80px,每屏展示 1 个核心卖点+1 张场景图。导出时 JPG 质量 85%,文件大小 1.2MB。上架后移动端预览文字清晰,无需放大即可阅读。
案例二:3C 类详情图尺寸适配
某数码配件卖家需要做淘宝详情图,宽度 750px。详细参数表字号用 30px,参数项用 24px。功能演示模块用 GIF 动图,文件大小控制在 2MB 以内。导出时 JPG 质量 90%(文字较多),文件大小 2.1MB。上架后参数表清晰可读。
案例三:服装类详情图尺寸适配
某女装卖家需要做淘宝详情图,宽度 750px。模特展示图用 750x1000px,细节图用 750x750px。尺码表字号用 32px,确保手机上能看清尺码数字。导出时整体详情长图 12000px 高,总大小 15MB,分 5 张单图上传,每张不超过 3MB。

3 个不同品类淘宝详情图尺寸适配效果:食品、3C 数码、服装
进阶技巧:让 750px 详情图的效果超越 800px
掌握以下 4 个进阶技巧,能让 750px 宽度的详情图在视觉上比 800px 更精致、更专业。
技巧一:利用留白制造高级感。750px 宽度有限,但留白不是浪费空间。适当留白能让产品有呼吸感,视觉上显得更高级。每屏产品占 40-60% 面积,留白 40-60%,是最佳视觉比例。不要试图把每屏都塞满信息。
技巧二:文字层级用 3 种字号就够了。没必要在详情图上用 5-6 种字号,3 种字号已经足够区分层级。大字 60-80px 做核心卖点,中字 28-36px 做正文说明,小字 20-24px 做标注。字号层级太多会显得排版混乱,用户阅读时无法快速捕捉重点。
技巧三:用色块代替文字标注。在 750px 宽度下,文字标注过多会显得拥挤。可以用色块+图标的组合代替纯文字标注,视觉上更简洁、信息传递更高效。比如卖点标签用圆形色块+数字,比用文字说明框更节省空间。
技巧四:善用动图提高信息密度。750px 宽度有限,但 GIF 动图可以在有限空间内展示更多信息。一张功能演示动图可以在 3-6 秒内展示完整使用过程,比用 3 张静态图更节省空间。动图文件大小控制在 1-2MB 内,不影响加载速度。
搭配其他青虎AI 功能构建完整尺寸适配生产线
淘宝详情图尺寸适配不是孤立的需求,它需要和主图、场景图、视频等素材配合使用。把青虎AI 的多个功能组合使用,可以构建从主图到详情图、从淘宝到多平台的完整尺寸适配生产线。
电商主图套图生成
上传一张产品图,30 秒生成白底图、场景图、细节图、卖点图全套主图素材。和详情图复刻搭配使用,先用套图生成主图,主图适配淘宝 800×800 尺寸,详情图适配 750px 宽度,两者风格统一。
批量改图工具
单次上传 10 张参考图,输入一句提示词即可同步完成批量换背景、批量翻译。多平台铺货时,用批量改图把同一套素材适配不同平台的尺寸规范。
图片裁剪
内置淘宝 800×800、750×750 等预设尺寸,一键精准裁剪。AI 自动识别图片中的产品主体,确保裁剪后产品位于画面中心。详情图生成后如果某个模块需要单独裁剪作为主图使用,这个功能特别方便。
图片水印添加
一键批量添加品牌水印,支持文字水印和图片水印。AI 自动分析图片内容,推荐最佳水印位置。详情图上架前加水印可以防止被盗图。

青虎AI 详情图复刻+主图套图+批量改图+图片裁剪组合使用的完整工作流
淘宝详情图尺寸规范的核心是 750px 宽度,这是移动端屏幕适配的最佳宽度。在这个宽度下,核心卖点大字建议 60-80px,正文 28-36px,小字 20-24px,单张图片控制在 3MB 以内,整条详情长图总大小不超过 20MB。制作方式上,青虎AI 详情图复刻工具支持按淘宝规范自动生成 750px 宽度的详情图,编辑模式支持在标准尺寸下做精细化微调。先用复刻工具生成 80% 初稿,再用编辑模式微调 20% 差异化部分,是中小商家兼顾效率与质量的最佳实践。搭配主图套图生成、批量改图、图片裁剪、图片水印添加等功能,可以构建从主图到详情图、从淘宝到多平台的完整尺寸适配生产线。把尺寸规范做扎实,详情图才能在所有设备上呈现最佳效果,转化率才能上来。
常见问题 FAQ
Q1:淘宝详情图宽度一定要 750px 吗?
淘宝官方推荐宽度是 750px,这是移动端最优宽度。如果使用其他宽度,平台会自动压缩到 750px,可能导致变形或模糊。建议严格按 750px 设计。
Q2:淘宝详情图高度有上限吗?
淘宝没有硬性高度上限,但建议控制在 9000-15000px 之间。超过 15000px 的详情图完读率不到 15%,用户在中段大量流失。标品 6000-9000px,非标品 9000-13000px,高客单价商品 13000-15000px。
Q3:详情图单张大小超过 3MB 怎么办?
先检查宽度是否超过 750px,再检查 JPG 质量是否过高(建议 85%),最后用图片压缩工具做一次压缩。三步走完 99% 的详情图都能控制在 3MB 以内。
Q4:淘宝详情图支持什么格式?
支持 JPG、PNG、GIF。JPG 优先,画质和文件大小平衡最好。PNG 适合透明背景。GIF 适合动图,但文件较大。
Q5:淘宝和天猫的详情图尺寸一样吗?
不一样。淘宝详情图宽度 750px,天猫详情图宽度 790px。如果你同时做两个平台,需要各自适配。青虎AI 详情图复刻工具在比例参数里区分了淘宝和天猫的尺寸。
Q6:详情图上的文字在手机上看不清怎么办?
检查字号是否在推荐范围内。核心卖点大字 60-80px,正文 28-36px,小字 20-24px。如果字号已经够大还是看不清,可能是图片被压缩过度,检查导出质量和文件大小。
Q7:详情图导出分辨率应该设多少?
72dpi。屏幕显示的标准分辨率是 72dpi,300dpi 是印刷分辨率,用在详情图上只会让文件变大、加载变慢,不会让显示更清晰。
Q8:可以在详情图里放视频吗?
淘宝详情图支持插入视频,但视频格式和图片不同。详情图里的视频通常用 MP4 格式,放在详情页的视频模块而不是长图里。建议用青虎AI 视频生成功能制作短视频,再上传到淘宝详情页视频模块。
Q9:详情图被平台压缩后模糊怎么办?
先确认原始图片是否用了 750px 宽度,JPG 质量是否 85% 以上。如果原始图片没问题,可能是平台压缩机制导致的。可以尝试把详情图切成多张单图上传,每张单图控制在 3MB 以内,减少被大幅压缩的概率。
Q10:多个平台铺货时,详情图尺寸怎么处理?
用青虎AI 详情图复刻工具,在参数设置里选择对应平台尺寸,一次生成即可适配不同平台。如果用同尺寸在不同平台使用,淘宝和天猫的尺寸不同,拼多多和抖音也不同,需要在生成时选择对应平台。
Q11:详情图的色彩模式需要注意什么?
色彩模式要设置为 sRGB,不是 Adobe RGB。大部分手机屏幕和电脑屏幕都使用 sRGB 色彩空间,如果用 Adobe RGB 导出,在普通屏幕上会出现饱和度降低、颜色偏灰的问题。
Q12:青虎AI 详情图工具在哪里体验?
登录青虎AI 工作台,进入左侧【创作】-【电商详情图】-【详情图复刻】或【电商详情图(编辑模式)】即可使用。比例参数里内置了淘宝 750px 和天猫 790px 的尺寸选项。
Q13:详情图尺寸不对会被驳回吗?
如果尺寸严重偏离平台规范,上架审核可能被驳回。但更常见的问题不是驳回,而是被平台自动压缩后效果变差、转化率下降。尺寸规范是确保详情图呈现效果的基础,而不是应付审核的要求。
Q14:详情图尺寸和主图尺寸有什么关系?
两者没有直接关系,但视觉效果应该统一。主图 800×800(1:1),详情图宽度 750px(长图)。主图吸引点击,详情图承接转化,两者视觉风格一致能提升品牌专业度。用青虎AI 主图套图生成+详情图复刻组合使用,可以保证主图和详情图尺寸规范准确、视觉风格统一。

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