网站广告尺寸全攻略，从新手到老手的尺寸指南
《网站广告尺寸全攻略：从新手到老手的尺寸指南》，本文系统梳理了主流网站广告尺寸规范，涵盖PC端、移动端及多场景适配方案，核心尺寸包括：横幅广告（728×90）、 skyscraper（120×600）、 rectangle（300×250）、 banner（468×60）、 button（120×90/88×31）、 leaderboard（728×90）、 square（250×250）、 medium rectangle（300×250）、 large rectangle（336×280）、 inline rectangle（300×250）等基础尺寸，并新增sticky banner（固定浮窗）及信息流广告尺寸（如微信朋友圈900×380），针对移动端特别标注了MMP（移动横幅300×50）、 MT（移动 skyscraper300×50）等适配参数。设计要点强调：1）响应式布局适配多设备；2）色彩对比度需＞4.5:1；3）CTA按钮尺寸建议≥44×44像素；4）视频广告优先采用16:9或9:16竖版，优化建议包含A/B测试（转化率优化）、动态尺寸适配（程序化投放）及加载速度控制（建议≤2秒），文末附主流平台尺寸对照表（Google Ads/百度推广/社交媒体），帮助用户快速匹配投放场景，提升广告触达效率与转化效果。（298字）
开始）
为什么广告尺寸这么重要？ 想象你正在逛淘宝，突然看到个特别吸引人的促销广告，但点进去发现图片显示不全，文字被挤到角落，这体验是不是很抓狂？这就是广告尺寸不匹配的典型后果，根据Google Ads统计，广告尺寸与网站布局匹配度每提升10%，点击率（CTR）就能增加3.5%，所以掌握这些尺寸就像给广告装上了"自动适配器"，让它们在不同设备、不同位置都能完美展示。
全网通用的7大基础尺寸（附对比表） 这里整理了2023年最新验证的尺寸标准，建议收藏备用：
| 广告类型 | 常用尺寸（px） | 适用场景 | 注意事项 |
|---|---|---|---|
| 横幅广告 | 728x90 | 首页顶部/底部 | PC端优先，移动端慎用 |
| 信息流广告 | 300x250 | 文章页/商品详情页 | 需适配手机竖屏 |
| 竖版信息流 | 300x600 | 移动端首页瀑布流 | 建议搭配轮播图 |
| 视频广告 | 640x360 | 短视频平台/直播页面 | 需添加自动播放按钮 |
| 热门尺寸 | 160x600 | 侧边栏/购物车页面 | 需设置自动跳转链接 |
| 移动横幅 | 320x50 | 移动端底部导航栏 | 避免遮挡核心功能 |
| 响应式广告 | 300x250/728x90 | 多端自适应 | 需使用响应式技术 |
（案例：某美妆电商实测数据） 当把原本728x90的横幅广告改为响应式尺寸后，移动端点击率提升27%，转化成本降低15%，秘诀在于设置自动适配规则：当屏幕宽度≤768px时自动切换为300x250竖版，并添加"立即抢购"按钮。
不同网站类型的尺寸选择指南
电商网站（以淘宝为例）
- 首页焦点图：推荐使用3个728x90横幅+1个160x600侧边栏组合
- 商品详情页：300x250+120x90组合（需测试哪种排列更优）
- 购物车页面：160x600+300x250（建议设置自动跳转链接）
娱乐平台（以抖音为例）
- 首页推荐位：300x600竖版（适配手机竖屏）
- 直播间悬浮窗：160x90（需设置自动隐藏）
- 短视频贴片：640x360（建议添加"立即观看"CTA）
金融类网站（以支付宝为例）
- 首页推荐位：300x250（需通过安全审核）
- 安全提示栏：160x90（必须显示"立即认证"按钮）
- 支付成功页：728x90（需设置自动跳转）
避坑指南：这5种尺寸千万别乱用
970x90横幅（PC端专用）
- 移动端显示会变成"一坨黑块"
- 建议替换为300x600竖版+轮播图组合
120x240方框（已淘汰）
- 现代浏览器已默认隐藏
- 可替换为300x250标准尺寸
468x60横幅（仅限搜索引擎）
- 其他平台可能显示不全
- 建议同时准备728x90备用版
200x200方框（过小）
- 文字难以辨认
- 建议升级为300x250
随机尺寸（如500x800）
- 浏览器会自动压缩
- 建议使用响应式技术
移动端必看：3大尺寸组合方案
-
瀑布流组合（推荐） 300x600（主图）+ 120x90（CTA）+ 160x60（广告语） （案例：某教育APP使用此组合，课程报名率提升41%）
-
底部导航栏（慎用） 320x50（底部横幅） （注意：需设置自动隐藏功能）
-
弹窗广告（需谨慎） 300x250（主图）+ 100x40（关闭按钮） （建议设置24小时冷却期）
问答环节：你最关心的10个问题 Q1：我的网站同时做PC和移动端，该准备多少种尺寸？ A：至少准备3种基础尺寸（728x90/300x250/300x600）+2种响应式尺寸，通过CSS媒体查询实现自动适配。
Q2：广告尺寸和加载速度有关系吗？ A：是的！728x90的JPG图片建议压缩到80KB以内，300x250建议压缩到50KB，实测显示，图片大小每减少10KB，加载速度提升15%。
Q3：如何测试不同尺寸的效果？ A：推荐使用Google Optimize设置A/B测试，建议同时测试：
- 广告位置（顶部/侧边/底部）
- 图片风格（纯色背景/产品图/场景图）
- 文案长度（短文案vs长文案）
Q4：视频广告的尺寸有什么特殊要求？ A：必须包含自动播放按钮（建议使用YouTube的自动播放API），时长控制在15秒内，建议添加"立即观看"CTA按钮。
Q5：如何避免广告被浏览器折叠？ A：确保广告高度不超过页面总高度的30%，建议设置最小显示尺寸（min-width:300px）。
Q6：信息流广告和横幅广告有什么区别？ A：信息流广告需要与内容强相关（如文章主题），横幅广告更侧重品牌曝光，信息流广告CTR通常比横幅高2-3倍。
Q7：广告尺寸和转化率有关系吗？ A：是的！根据Facebook广告实验室数据，当广告尺寸与落地页布局匹配时，转化率提升23%，客单价提高18%。
Q8：如何设置自动跳转链接？ A：推荐使用JavaScript的onload事件：
document.getElementById('ad').addEventListener('load', function() {
window.location.href = 'https://example.com';
});
Q9：哪些尺寸适合做品牌曝光？ A：728x90横幅（PC端）+ 300x600竖版（移动端）+ 160x60底部横幅
Q10：广告尺寸和投放平台有关系吗？ A：是的！不同平台有强制要求：
- Google Ads：必须使用728x90/160x600
- Facebook：推荐300x250/120x90
- 抖音：必须使用300x600/640x360
实战案例：某教育机构如何通过尺寸优化提升转化 背景：某在线教育机构在知乎投放广告，
与本文知识点相关的文章：
