在网站首页做通栏广告(Banner)时,选择一个协调、美观且适配主流设备的尺寸非常关键。以下是常见的网站首页通栏 Banner 广告尺寸,以及它们的推荐用途和优劣分析:
✅ 常见通栏 Banner 尺寸(单位:像素)
尺寸(宽 × 高) | 名称 | 用途场景 | 说明 |
---|
1920 × 500 | 全宽大横幅 | 首页头图、活动推广首屏 | 最常见,适合大屏;在宽屏显示器上视觉效果好 |
1600 × 600 | 宽屏横幅 | 首页顶部或栏目页顶部 | 适中尺寸,兼顾加载速度和视觉冲击力 |
1200 × 400 | 标准横幅 | 中等宽度网站首页 | PC端常用,适配性好 |
970 × 250 | Billboard广告 | 内容页上方或下方广告位 | Google AdSense 推荐尺寸之一 |
728 × 90 | Leaderboard | 页面顶部或底部 | 较窄的横幅,适用于内容页或移动端横屏布局 |
300 × 250 | 中矩形 | 侧边栏、内容中穿插 | 广告转化率高,但不是通栏,常用于辅助展示 |
📱 移动端常见 Banner 尺寸
尺寸(宽 × 高) | 用途说明 |
---|
360 × 150 | 手机端顶部或底部横幅 |
320 × 100 | Google 推荐移动横幅广告尺寸 |
300 × 250 | 手机端中间穿插展示广告 |
🧩 建议尺寸选择依据:
- 响应式网站:建议使用 1920 × 500 或 1600 × 600,配合 CSS 设置
max-width: 100%
和 height: auto
实现自适应。 - 主要面向 PC 用户:1200 × 400 或 1600 × 600 是兼顾视觉和加载速度的常见选择。
- 强调视觉冲击力/品牌展示:选择更高的尺寸(如 1920 × 600+)。
- SEO/广告收益导向:优先使用 728 × 90、970 × 250、300 × 250 等 Google 推荐广告位尺寸。
📌 示例 CSS 响应式代码
.banner {
width: 100%;
max-width: 1920px;
height: auto;
display: block;
margin: 0 auto;
}
评论 (0)