标签搜索

常见通栏 Banner 尺寸

聚宝坊
2025-06-30 / 0 评论 / 6 阅读 / 正在检测是否收录...

在网站首页做通栏广告(Banner)时,选择一个协调、美观且适配主流设备的尺寸非常关键。以下是常见的网站首页通栏 Banner 广告尺寸,以及它们的推荐用途和优劣分析:


✅ 常见通栏 Banner 尺寸(单位:像素)

尺寸(宽 × 高)名称用途场景说明
1920 × 500全宽大横幅首页头图、活动推广首屏最常见,适合大屏;在宽屏显示器上视觉效果好
1600 × 600宽屏横幅首页顶部或栏目页顶部适中尺寸,兼顾加载速度和视觉冲击力
1200 × 400标准横幅中等宽度网站首页PC端常用,适配性好
970 × 250Billboard广告内容页上方或下方广告位Google AdSense 推荐尺寸之一
728 × 90Leaderboard页面顶部或底部较窄的横幅,适用于内容页或移动端横屏布局
300 × 250中矩形侧边栏、内容中穿插广告转化率高,但不是通栏,常用于辅助展示

📱 移动端常见 Banner 尺寸

尺寸(宽 × 高)用途说明
360 × 150手机端顶部或底部横幅
320 × 100Google 推荐移动横幅广告尺寸
300 × 250手机端中间穿插展示广告

🧩 建议尺寸选择依据:

  1. 响应式网站:建议使用 1920 × 500 或 1600 × 600,配合 CSS 设置 max-width: 100%height: auto 实现自适应。
  2. 主要面向 PC 用户:1200 × 400 或 1600 × 600 是兼顾视觉和加载速度的常见选择。
  3. 强调视觉冲击力/品牌展示:选择更高的尺寸(如 1920 × 600+)。
  4. SEO/广告收益导向:优先使用 728 × 90、970 × 250、300 × 250 等 Google 推荐广告位尺寸。

📌 示例 CSS 响应式代码

.banner {
  width: 100%;
  max-width: 1920px;
  height: auto;
  display: block;
  margin: 0 auto;
}

0

评论 (0)

取消