淘宝手机端首页设计，通用设计基准宽度是 750 像素，这个是淘宝无线端首页一直沿用的标准设计画布宽度，所有模块包括店招 轮播海报 宝贝分类 优惠券 商品推荐板块，都以 750px 作为整屏总宽度来制作，高度没有统一固定数值，因为首页是上下无限滚动页面，每个模块可以单独设置高度，不是整张首页做成一张长图。这里要区分两个概念，一个是设计稿画布尺寸，也就是美工作图用的 750 像素宽，另一个是手机屏幕实际物理像素，不同手机分辨率不一样，系统会自动做等比缩放适配，所以作图不需要按照每一款手机分辨率单独做图，统一按照 750 像素宽出图即可。淘宝版本更新之后，部分模块会增加安全边距，重要文字和主视觉元素不能贴最左右边缘，避免在全面屏手机上出现内容被裁切的情况，做首页的时候还要注意图片大小限制，单张图片一般控制在 3M 以内，优先压缩成 webp 或者 jpg 格式，不然首页加载速度会变慢，影响买家浏览体验。

各模块常用像素尺寸明细

为什么统一采用 750 像素设计基准

淘宝无线端早期适配体系就是基于 750px 作为设计基准，这个数值属于 2 倍图标准，在主流手机上渲染清晰，文字和图片不会发虚，如果作图宽度改成其他数值，上传到淘宝后台之后会出现拉伸变形，或者两侧留白，模块排版错乱。全面屏手机普及之后，页面依旧保留 750px 设计规范，只是增加安全区提示，页面本身仍然是纵向滚动，所以首页总高度不固定，美工是分模块上传，不是导出完整超长单张首页大图，超长单图加载慢，还容易被平台压缩降低清晰度。

制作淘宝手机端首页实操步骤

第一步 新建设计画布，宽度设置 750 像素，高度按需拉长，分辨率 72dpi，颜色模式选择 RGB。

第二步 拆分首页各个模块，分别单独制作店招 轮播图 分类 商品板块，不要把全部内容合并成一张超长图片。

第三步 预留左右安全边距，重要文案距离左右边缘至少 20 到 30 像素，防止全面屏裁切。

第四步 导出图片，优先 jpg 或者 webp，检查单张图片大小，控制在平台允许上限内。

第五步 登录淘宝卖家后台，进入无线首页装修后台，把做好的模块图片依次上传，预览手机端实际显示效果。

第六步 多机型预览，切换不同分辨率手机查看是否变形裁切，确认无误之后发布首页。

重要补充要点

淘宝后台新版装修组件，部分智能模块会自动适配，不再强制严格 750，但是美工作图依然推荐继续使用 750 像素宽，兼容性最好。

不要混淆首屏和整页首页，首屏就是打开首页第一眼看到的区域，首屏轮播图常用 750 乘 390，很多新手会误以为这个就是整个首页的固定尺寸。

图片文字不要过小，750 像素画布上，文字字号太小，在手机缩小渲染之后会模糊，重要信息尽量放大。

综合来看，淘宝手机端首页核心作图基准宽度就是 750 像素，高度随模块自定义，首屏轮播海报最通用规格是 750 乘 390，做图的时候分模块制作，保留安全边距，控制图片体积，就能保证装修之后在手机端正常清晰展示。

【相关 FAQ】

问题 1 淘宝手机端首页尺寸是多少像素，是不是整张首页有固定总高度

回答 1 淘宝手机端首页尺寸是多少像素，设计画布宽度固定 750 像素，首页是纵向滚动页面，没有统一固定总高度，每个模块高度可以单独设置，不要求整张首页做成固定高度长图。

问题 2 淘宝手机端首页尺寸是多少像素，首屏轮播图推荐像素是多少

回答 2 淘宝手机端首页尺寸是多少像素，首屏轮播图推荐像素是 750 宽 390 高，这个是淘宝手机端首页最常用的轮播海报标准尺寸。

问题 3 淘宝手机端首页尺寸是多少像素，可以改成其他宽度作图吗

回答 3 淘宝手机端首页尺寸是多少像素，不建议改成其他宽度作图，继续使用 750 像素宽兼容性最好，改用其他宽度上传后容易出现拉伸变形或者两侧留白排版错乱。

问题 4 淘宝手机端首页尺寸是多少像素，全面屏手机需要单独调整像素吗

回答 4 淘宝手机端首页尺寸是多少像素，不需要针对全面屏单独修改 750 像素基准，只需要增加左右安全边距，重要元素避开边缘，平台会自动做适配渲染。

【免责申明】

本文是淘宝手机端首页装修通用设计像素参考，淘宝后台版本会持续迭代，模块推荐尺寸和上传限制可能随官方更新调整，实际以淘宝卖家后台装修页面官方提示为准，本文不替代官方装修规范说明。