网站、媒体素材尺寸 & 响应式网站常用分辨率(参考)

🌐 全平台视觉素材尺寸规范参考表

分类使用场景推荐尺寸(宽×高 px)比例关键要求
网页主视觉PC端全屏Banner1920×560~100016:9内容安全区宽度≥1200px
移动端顶部通栏750×3002.5:1适配手机浏览器首屏
响应式设计4K屏适配Banner3840×216016:9需压缩至2MB内
移动端H5全屏页1080×19209:16使用WebP格式节省流量
广告素材传统横幅广告468×60 / 728×907.8:1文件大小≤150KB
信息流广告1200×6281.91:1需突出核心文案
电商平台美团/饿了么店铺Banner≥720×2403:1JPG/PNG格式,大小<10MB
商品主图800×8001:1白底无边框
国内社媒抖音竖版视频封面1080×19209:16核心内容居中
小红书图文封面1242×16603:4文字避开底部150px
微信公众号头条封面900×383≈2.35:1标题显示在底部300px内
海外社媒Facebook封面851×3152.7:1PC端显示,移动端自动裁切边缘
Instagram贴文1080×1080(方形)1:1支持4:5竖版(1080×1350)
Twitter/X广告1200×6281.91:1禁用动态GIF,文件大小≤15MB

⚠️ 媒体图片通用注意事项
  1. 文件体积

    • 网页图片:单图建议500KB内,Banner可放宽至2MB
    • 广告素材:严格按平台要求(如Google广告需≤150KB)
  2. 格式选择

    • 照片类:JPEG(质量60-80%)
    • 图形类:PNG-24或WebP(支持透明度)
  3. 移动端适配

    • 所有竖屏内容需预留「安全边距」(左右各30px,顶部40px)

注:部分平台(如淘宝首页轮播图尺寸为750×340)存在特殊规范,建议以官方文档为准。


📱响应式网站常用分辨率参考表

1920x10801366x7681280x10241280x8001024x768800x600
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值