详情页长图尺寸是多少？长图制作规范全解

详情页长图尺寸，是电商视觉制作中最基础也最容易被忽视的规范。尺寸做对了，图片上架后清晰、完整、不变形；尺寸做错了，要么被平台拉伸裁切，要么加载缓慢影响体验。本文把主流电商平台的详情页长图尺寸规范逐一讲清楚，并给出从制作、生成、导出到裁剪适配的完整操作流程，帮你建立一套”尺寸不出错”的长图制作体系。

一、为什么详情页长图尺寸如此重要

电商平台的详情页展示区域有固定的宽度标准，图片必须按这个宽度制作，才能在平台上以最佳效果呈现。宽度不符的图片，会被平台等比缩放或裁切，轻则字体变小、细节丢失，重则版式错乱、关键信息被截断。

尺寸对加载速度的影响同样直接。超出规范的文件体积会拖慢页面加载，尤其在移动端，网络环境不稳定的情况下，过大的图片会让买家等待更久，跳失风险随之上升。详情页长图是转化链路的一环，加载快慢直接影响这个环节的完成度。

尺寸规范还是多平台铺货的基础。同一套详情页素材，如果按正确的基准尺寸制作，可以在多个平台间低成本复用；如果一开始就做错尺寸，换一个平台就要重新适配一轮，重复劳动成倍增加。把尺寸规范前置到制作环节，是电商视觉工作提效的第一步。

尺寸的准确性还直接关系着平台审核。平台会通过程序对图片尺寸、格式、画质做自动检查，不符合规范的图片会被拦截或降权。与其在审核环节被反复打回，不如在制作源头就按规范执行。一次做对，比多次返工更省时间，也更省心。

从成本角度算账，尺寸规范的收益非常直观。一张正确尺寸的长图，在多平台复用中省下的适配工时，累积起来相当可观。而一次尺寸错误，往往意味着整套素材重新导出、重新压缩、重新上传，浪费的时间足以做好几个新品。尺寸规范是投入产出比最高的一类电商知识，值得花时间彻底搞清楚。

尺寸规范还影响买家的信任感。图片清晰、比例正常、加载流畅，买家会默认这是家专业的店铺；图片变形、模糊、加载缓慢，买家还没看产品内容，信任度已经打了折扣。尺寸规范虽然是技术细节，但它最终作用于买家的感知，间接影响转化。技术细节和商业结果之间，就是通过这样的链条连接起来的。

还要提醒一点：平台规范不是一成不变的。电商平台的图片规则会随版本迭代调整，比如画质要求的提升、新图片类型的增加。做图前到平台的后台帮助中心和规则中心确认最新规范，比凭经验记忆更可靠。把”查规范”做成制作流程的固定第一步，就能始终跟上平台变化。

详情页长图宽度因平台而异，淘宝、拼多多为750px，京东为790px，做图前先确认目标平台

二、淘宝天猫详情页长图尺寸规范

淘宝和天猫共用一套详情页宽度规范，这是国内商家使用频率最高的标准。详情页长图宽度固定为750像素，这个数值是所有淘宝详情图设计的基准线，无论是整条长图还是分模块的单张图，宽度都必须以750像素为准。

750px这个数字的由来与手机屏幕的展示逻辑相关。手机端的详情页展示区域宽度统一，750px的图片刚好占满屏幕，无需缩放，文字和细节以原始比例呈现。高于这个宽度会被等比缩小，低于这个宽度会留白或拉伸，所以750px是淘宝体系下最稳妥的选择。理解了这一点，就理解了很多尺寸规范背后的原因。

高度的规范相对灵活。整条详情页长图的高度由内容决定，官方没有硬性上限，但考虑到加载速度和浏览体验，建议控制在二十屏以内。分模块制作时，单张模块图的高度建议控制在1500像素以内，方便平台拼接展示，也便于后期单独修改。

这里补充一个经验值：多数成熟店铺的详情页长图在十到十五屏之间，既能把产品讲透，又不至于让买家失去耐心。长度超过二十屏的详情页，跳失率往往显著上升，内容的边际收益递减，反而拖累转化。

淘宝详情页还有一个隐藏规范需要留意：电脑端和手机端展示同一套750px宽的图片，两端都能正常显示。如果店铺同时经营天猫，天猫的详情页宽度规范与淘宝一致，素材可以共用。做图时把750px作为默认画布宽度，是淘宝系店铺的标准做法。

淘宝对图片的画质要求也在提升。详情页图片模糊、拉伸、带水印，都可能被平台降权或审核拦截。制作时保证原图清晰，导出时不过度压缩，上架前在移动端放大检查细节。图片质量是详情页的基础门槛，尺寸正确的基础上，清晰度同样不能放松。

主图方面补充一点：淘宝主图虽然常用750×750或800×800，但部分类目和场景支持更高分辨率，比如1200×1200。高分辨率主图在放大查看时细节更清晰，对质量敏感型的品类有正向作用。主图和详情图分开管理，主图追求清晰度和冲击力，详情图追求信息密度和说服力。

主图的分辨率提升还有一个现实收益：适配性更强。1200×1200的高分辨率主图，裁剪成其他比例后依然保持清晰，多平台复用时不掉画质。不过高分辨率意味着更大的文件体积，导出时要注意压缩，平衡清晰度和加载速度。主图素材建议保留原始高清版本，各种适配需求都能应对。

三、拼多多详情页长图尺寸规范

拼多多的详情页宽度与淘宝相同，都是750像素，这让淘宝和拼多多之间的详情页素材复用非常方便。但拼多多的主图规范与淘宝有明显差异，铺货时需要分开准备。

拼多多主图数量为五张，建议尺寸为750×750像素的正方形，其中第一张是主图，后面四张是轮播图。拼多多对白底图也有要求，部分类目强制要求提供白底图，尺寸同样是750×750。详情页长图宽度750像素，高度按内容自由延伸，单张详情图高度建议控制在1500像素以内。

拼多多主图的视觉逻辑和淘宝主图略有不同。拼多多的流量结构中，价格敏感型买家占比更高，主图的卖点表达更直接，促销信息可以更突出。但主图上的文字同样受审核约束，标注面积和字体大小有平台要求，做得过火会被拦截。主图制作在表达力度和合规之间找到平衡，是拼多多商家的必修课。

拼多多详情页长图在制作时的注意事项与淘宝相似，但审核尺度略有不同。拼多多对图片中的文字和营销用语审核更严格，上架前要重点检查违禁词。长图素材在淘宝和拼多多之间可以复用，主图素材则需要按各自规范单独准备。

拼多多的主图视频也值得了解。商品视频的第一帧会作为封面展示，封面尺寸同样建议750×750。视频时长和清晰度有平台要求，制作主图视频时按平台规范输出，封面与主图视觉保持一致，信息连贯性能提升点击意愿。

四、京东及其它平台详情页长图尺寸

京东的详情页宽度为790像素，比淘宝和拼多多宽出40像素。这个差异意味着，为淘宝做的750px宽长图直接上传京东，图片会被拉伸或留边，视觉效果打折扣。京东商家建议单独制作790px宽度的详情页素材。

抖音商城的详情页宽度为750像素，与淘宝、拼多多一致，素材可以复用。小红书商品笔记和商品详情的图片宽度以750像素为主。快手电商、唯品会等平台的详情页宽度也基本围绕750像素浮动，制作时以750px为基准，再根据平台要求微调。

同一套750px宽的素材，在这些平台之间流转时的注意事项也相似：主图尺寸按平台规则准备，详情图直接复用，图片中的文字按各平台审核要求检查。铺货平台越多，素材的标准化管理越重要，统一以750px为基准的素材库，能让多平台上新的效率最大化。

跨境平台的规范差异更大。Amazon的商品描述区域使用HTML代码排版，不直接接受详情长图，主图要求1000×1000像素以上的纯白底图。Shopee、Lazada等东南亚平台的详情图宽度规范与国内不同。计划出海的商家，建议按海外平台规则单独制作素材，不要直接复用国内长图。

把主流平台的尺寸规范放在一起看，规律很明显：国内平台以750px为详情页基准宽度，京东是唯一的790px例外；主图以正方形为主；跨境平台规则差异大。记住”750基准、京东790、跨境单做”这个口诀，就能在多数场景下快速判断该用哪套规范。

五、详情页长图尺寸的四个常见误区

六、从尺寸出发的长图制作流程

尺寸规范确认之后，长图制作就进入了执行环节。一套规范的制作流程，能让尺寸问题在源头就被解决，而不是等上架时才发现。

这套流程的核心是把尺寸规范前置。画布在第一步就按平台规范设置，后面所有操作都不会偏离；模块化制作让修改成本可控，任何模块需要更新都只替换单张图片。流程一旦固定下来，尺寸问题几乎不会在后期出现。

流程执行中还有一个细节：参考图也按尺寸规范选择。学习竞品长图时，优先参考同平台、同宽度规范下的高转化页面，它们的版式和信息密度才具有直接参考价值。跨平台参考时要注意宽度差异带来的版式差异，不能机械照搬。

流程中还有一个容易忽略的动作：版本管理。每次制作长图时保留版本号，比如v1、v2，记录每次修改的内容和时间。版本管理看似多此一举，但在大促改图、多平台适配、多人协作的场景下，能避免版本混乱造成的返工。改错了可以回退，改没了可以找回，长图制作的容错率大幅提升。

七、用青虎AI生成指定尺寸的详情页长图

AI工具让长图的尺寸管理变得更加简单。青虎AI的电商详情图复刻工具内置多平台比例参数，生成时选择对应平台，AI输出的长图直接符合该平台的尺寸规范，省去了手动设置画布的环节。

用AI工具管理尺寸，最大的价值是批量场景下的尺寸一致性。多个SKU的长图使用同一套比例参数生成，宽度和版式完全统一，全店视觉整齐。跨境铺货时，按不同平台的参数批量生成对应版本，多平台适配不再需要重复手工操作。

AI工具生成的图片尺寸，与人工制作的规范一致，关键在参数选择。比例参数对应平台的宽度和版式要求，选对参数，生成结果就是合规尺寸；选错参数，生成结果可能宽窄不符，还得重新处理。把参数选择固化到操作习惯里，AI出图的尺寸就始终在正确轨道上。

八、长图的导出与压缩设置

长图制作完成后，导出和压缩是决定最终上架效果的关键环节。导出设置不当，前期的制作成果可能功亏一篑。

压缩是控制文件体积的手段。单张模块图建议压缩到500KB以内，整条长图的所有图片合计也要控制体积。压缩时优先用高质量JPG参数，观察画质变化，以肉眼无明显劣化为准。文字密集的模块压缩后要放大检查，防止文字边缘出现锯齿。

压缩的底线是画质可接受。不同的压缩比例下，画质的损失程度不同，70到90的质量参数通常是画质和体积的平衡区间。画面内容简单、色块单一的图片可以压得更狠；文字密集、细节丰富的图片要保守一些。批量压缩时先拿一张有代表性的图试出合适的参数，再应用到整批图片，效率和效果都有保障。

导出的另一个要点是色彩模式。电商图片使用RGB颜色模式，因为屏幕显示依赖RGB。如果图片从CMYK模式导出，颜色会明显偏灰偏暗，和设计稿效果差别很大。新建文档时确认颜色模式为RGB，导出时检查一遍，能避免颜色失真的问题。

导出的清晰度检查也要养成习惯。导出后把图片放大到100%查看，检查文字边缘是否锐利、产品细节是否清晰、有没有压缩伪影。长图在手机端展示时会被压缩，但放大查看要能保持细节清晰，这是画质合格的底线。批量导出后抽样检查几张，不用每张都看，但要看有代表性的。

淘宝、拼多多750px宽，京东790px宽，跨境平台另按规则制作，尺寸对比一目了然

九、三个长图尺寸制作案例

案例从国内店铺整改、多平台适配和跨境出海三个角度，展示尺寸规范在真实业务中的应用效果。

十、长图尺寸的适配与裁剪方法

多平台运营的商家，长图的尺寸适配是日常高频操作。掌握适配和裁剪的方法，能让素材在不同平台间顺畅流转。

宽度适配是核心。750px宽的素材在750px宽的平台直接复用；要上京东时，把750px宽的素材在790px画布中重新排版，或者制作时预留安全边距，左右各留20px，790px平台展示时核心内容依然完整。宽度适配的关键是保证核心信息不丢、版式不坏。

素材的备份和版本管理在适配场景下尤其重要。同一套素材在不同平台有不同版本，如果不做版本标记，很容易混淆哪版是哪个平台的。建议文件名带上平台和版本信息，比如”tb_v1″”jd_v2″，配合素材文件夹按平台分类存放。适配版本再多，也能清晰管理。

比例适配也很常用。详情页长图是竖版比例，主图是正方形比例，推广图可能是其他比例。同一批素材要在不同比例间切换时，优先用智能裁剪保持产品主体完整，再补充对应比例的版式元素。批量裁剪的场景，工具一次处理几十张图，几分钟完成全部适配。

比例适配前，先确认各平台的强制比例和推荐比例，避免做无用功。确认清楚再动手，效率更高。

适配过程中要警惕一个陷阱：为了适配而牺牲信息。裁剪把参数表、卖点文字裁掉了，适配就失去了意义。裁剪前确认核心信息所在区域，必要时为不同比例单独调整版式，保证适配后的每张图都信息完整。适配的目的是让素材在更多平台发挥价值，不是把素材裁到没法用。

多平台适配时用智能裁剪工具处理模块图尺寸，产品主体自动居中，核心信息完整保留

十一、长图尺寸管理的完整流程总结

把尺寸规范贯穿到长图制作的每个环节，形成一套完整的管理流程：制作前确认目标平台和宽度规范，画布按平台设置；制作中按模块分段，参考线固定宽度；生成时用AI工具按平台比例参数出图；导出时压缩体积、核对格式；上架前在移动端预览确认；多平台运营时用裁剪工具做适配。

这套流程的管理重点在”前置”二字。尺寸规范如果在制作环节就落地，后面所有环节都是顺水推舟；如果等到上架才发现问题，返工的成本是成倍的。把规范做成检查点，每个环节结束前对照检查一遍，尺寸问题基本没有机会漏到上架环节。

最后给一个落地建议：把本文章节四的尺寸速查表打印出来贴在工位上，或者存成手机备忘，做图前扫一眼。规范类知识不需要背，需要的是随手可查。查得多、用得多，规范自然就内化成习惯了。

十二、详情页长图尺寸常见问题FAQ

Q：淘宝详情页长图宽度是多少？A：750像素。这是淘宝详情页的固定宽度规范，主图使用750×750或800×800的正方形尺寸，详情图统一750px宽。

Q：拼多多详情页长图尺寸和淘宝一样吗？A：详情页宽度一样，都是750px，素材可以复用。区别在主图：拼多多主图为五张750×750，部分类目强制要求白底图。

Q：京东详情页长图宽度是多少？A：790像素，比淘宝和拼多多宽40px。750px宽的素材直接上京东会被拉伸，建议单独制作790px版本或预留安全边距。

Q：详情页长图多高合适？A：高度由内容决定，建议控制在20屏以内。分模块制作时单张高度1500px以内，过长会影响加载，过短信息量不足。

Q：长图分辨率设置多少？A：屏幕展示的电商图72dpi足够，高清屏可到144dpi。不要用300dpi的打印标准，只会徒增文件体积，拖慢加载。

Q：长图用什么格式导出？A：普通详情图用JPG，白底或透明背景素材用PNG。颜色模式用RGB，避免用CMYK导致颜色失真。

Q：长图文件多大合适？A：单张模块图压缩到500KB以内，整条长图所有图片控制总体积。压缩以肉眼无明显画质损失为准，文字密集图压缩后要放大检查。

Q：AI生成的长图尺寸规范吗？A：青虎AI详情图复刻工具内置平台比例参数，选择目标平台生成，输出即符合对应平台规范，无需手动设置画布。

Q：跨境平台的长图有什么特殊要求？A：Amazon用HTML排版不直接接受长图，主图要求1000×1000以上的白底图；Shopee、Lazada等平台宽度规范不同，需单独制作。

Q：750px的长图能用在哪些平台？A：淘宝、天猫、拼多多、抖音商城、小红书都是750px宽，素材可直接复用。京东790px和跨境平台需要单独适配。

Q：长图需要裁剪适配其他比例怎么办？A：用青虎AI图片裁剪功能，选择预设平台尺寸或自定义比例，AI自动将产品主体居中，批量处理几十张图几分钟完成。

Q：长图尺寸做错了有什么补救方法？A：宽度错按正确规范重新导出；体积过大重新压缩；内容错位回编辑模式调整模块。补救的成本取决于制作时是否模块化，模块化制作的修改成本最低。

画布设置、模块制作、AI生成、导出压缩、平台适配，尺寸规范贯穿长图制作全程