首页分享电商Banner、主图、详情页设计尺寸，全汇总！

电商Banner、主图、详情页设计尺寸，全汇总！

来源：花匠小妙招时间：2025-06-30 16:07

这几年，受到各种大环境的影响，电商风起云涌。

越来越多元化的电商设计，也刷新了我们对电商销量为王的看法，这几年，无论是电商设计整体表现还是电商设计师的涌现，都让我们看到这个行业在朝着专业化、精细化的方向进步。

花西子苗族印象的详情页

特别是近年来以花西子、完美日记等为代表的品牌引领了一波新的国潮风趋势。从电商Banner⁠（在新标签页或窗口中打开）、主图到电商详情页的设计，都看到了不同风格的精彩呈现方式。

作为刚入门电商设计的美工人，需要更快地进入到这个行业之中，设计包括主图、详情页、首页、活动图等不同的设计作品，这些关于基础物料尺寸的知识，你可以提前掌握，并学以致用。

海尔电吹风的详情页

电商Banner尺寸

Banner一般分为电商banner和广告banner。电商banner图多用于淘宝和京东平台的横幅，常用的尺寸为750px*390px。而广告banner的尺寸是900px*500px，大部分是用于宣传活动、广而告之。

电商Banner的组成往往包含几个大块：文案、模物或商品、背景和装饰元素。要在短短的一个界面中组合这些元素，对设计师来说是不小的挑战，在色彩管控、商品构图和模特展示上，并不是越丰富越好，还要注意Banner的可识别性。

电商主图尺寸

京东和淘宝的电商主图尺寸是800*800px，拼多多的主图尺寸是740*352px，分辨率基本都选择72，主图大小尽量控制在3M以内。一般上在电脑上编辑发布宝贝时，主图可以上传最多5个不同角度的图片，它是决定引流和提高转化率的关键。

需要注意的是，主图图案上的文字需要简短有力，因为大多数消费者停留在主图上的时间只有5秒，所以最好选用高清、呈现产品的主图设计，短时间内吸引消费者。

电商设计详情页尺寸

电商详情页其实是灵活度比较自由的设计类型，它的长度可以根据内容而定，可以组合多种拼图⁠（在新标签页或窗口中打开）。但在宽度方面，它有明确的区间，一般来说，电商设计详情页宽度尺寸会设定为750px（手机端详情页）和790px（PC端详情页），设计师可根据内容对模板⁠（在新标签页或窗口中打开）的尺寸进行编辑。

电商设计详情页的要点在于解决潜在消费者的核心需求，设计师可通过美化产品实物图并配上简短有力的文案，快速解决消费者需求痛点，增加成交率。

在线设计工具Canva可画为你提供了多类型、多场景、多平台的电商设计模板，从Banner模板到主图设计、电商详情页设计，这里不仅有上千款免费的素材⁠（在新标签页或窗口中打开）、中英文字体，还紧追时尚潮流，为你提供又快又好的电商模板。学做电商设计，趁现在，你可以在Canva可画平台尝试设计，做出属于你的创意作品。

除了电商类素材外，Canva可画还为你提供了各类免费的素材与插图，例如视频封面、公众号封面、微信小图、拼图、信息图表等不同类型的设计作品，更多免费丰富的设计资源，尽在Canva可画。