🌐 全平台视觉素材尺寸规范参考表
分类 | 使用场景 | 推荐尺寸(宽×高 px) | 比例 | 关键要求 |
---|---|---|---|---|
网页主视觉 | PC端全屏Banner | 1920×560~1000 | 16:9 | 内容安全区宽度≥1200px |
移动端顶部通栏 | 750×300 | 2.5:1 | 适配手机浏览器首屏 | |
响应式设计 | 4K屏适配Banner | 3840×2160 | 16:9 | 需压缩至2MB内 |
移动端H5全屏页 | 1080×1920 | 9:16 | 使用WebP格式节省流量 | |
广告素材 | 传统横幅广告 | 468×60 / 728×90 | 7.8:1 | 文件大小≤150KB |
信息流广告 | 1200×628 | 1.91:1 | 需突出核心文案 | |
电商平台 | 美团/饿了么店铺Banner | ≥720×240 | 3:1 | JPG/PNG格式,大小<10MB |
商品主图 | 800×800 | 1:1 | 白底无边框 | |
国内社媒 | 抖音竖版视频封面 | 1080×1920 | 9:16 | 核心内容居中 |
小红书图文封面 | 1242×1660 | 3:4 | 文字避开底部150px | |
微信公众号头条封面 | 900×383 | ≈2.35:1 | 标题显示在底部300px内 | |
海外社媒 | Facebook封面 | 851×315 | 2.7:1 | PC端显示,移动端自动裁切边缘 |
Instagram贴文 | 1080×1080(方形) | 1:1 | 支持4:5竖版(1080×1350) | |
Twitter/X广告 | 1200×628 | 1.91:1 | 禁用动态GIF,文件大小≤15MB |
⚠️ 媒体图片通用注意事项
-
文件体积
- 网页图片:单图建议500KB内,Banner可放宽至2MB
- 广告素材:严格按平台要求(如Google广告需≤150KB)
-
格式选择
- 照片类:JPEG(质量60-80%)
- 图形类:PNG-24或WebP(支持透明度)
-
移动端适配
- 所有竖屏内容需预留「安全边距」(左右各30px,顶部40px)
注:部分平台(如淘宝首页轮播图尺寸为750×340)存在特殊规范,建议以官方文档为准。
📱响应式网站常用分辨率参考表
1920x1080 | 1366x768 | 1280x1024 | 1280x800 | 1024x768 | 800x600 |
---|