创建我的第一个广告活动
指南

横幅尺寸详解

每个尺寸的含义,应优先制作哪些,以及如何把同一创意延展到多种格式。

[作者][日期]阅读约 1 分钟
简要说明。 你将达成:选出应优先制作的 IAB 尺寸,并让同一创意适配所有尺寸。你需要:知道活动将投放在哪些网站或平台。适合对象:策划、设计或委托制作横幅的人。

横幅以像素衡量,宽×高:300×250 即宽 300 像素、高 250 像素的横幅。几乎所有平台都使用的尺寸被称为 IAB 尺寸,因为该协会将它们发布为标准。了解这些尺寸,能避免你要求制作出无法投放的素材。

为什么尺寸这么多

每种尺寸适合一种不同的广告位:宽阔的顶部横条、高耸的侧边栏、嵌入文字中的矩形、手机上固定的横条。购买广告位的人会根据想出现的位置来选择尺寸,因此一个活动很少只用一种尺寸。

14 种标准尺寸

尺寸IAB 名称形状常见用途
300×250Medium Rectangle矩形内容之中及侧边栏
336×280Large Rectangle矩形内容之中,稍大
728×90Leaderboard横向桌面端页面顶部
970×90Large Leaderboard横向页面顶部,全宽
970×250Billboard横向页面顶部,高冲击力
468×60Full Banner横向经典格式,现今较少见
160×600Wide Skyscraper纵向侧边栏列
120×600Skyscraper纵向较窄的侧边栏列
300×600Half Page纵向侧边栏列,高冲击力
320×50Mobile Leaderboard横向手机端固定横条
320×100Large Mobile Banner横向手机端固定横条,更高
250×250Square正方形内容之中及侧边栏
200×200Small Square正方形小型广告位
580×400Netboard矩形内容之中,大尺寸
IAB 常用尺寸。「形状」和「常见用途」仅供参考:每个网站决定提供哪些广告位。

在 BannerMotion 中,你可以选择这 14 种尺寸(或自定义尺寸,写成 300x250),一个创意总共最多支持 12 种尺寸。

应优先制作哪些

如果必须从某几个开始,合理的选择是 300×250、728×90、160×600 和 320×50:一个矩形、一个横条、一个竖列和一个手机端横条。用这四个就覆盖了四种最常见的广告位类型。这也是 BannerMotion 在你新建横幅时默认勾选的组合。

之后再根据媒体采购的预算扩充:如果有大尺寸格式的预算,加上 300×600 和 970×250;如果流量主要来自手机,加上 320×100。

一个创意,多种格式

把设计放大和让它适配是两回事。如果把 300×250 的横幅拉伸到 728×90,标题会变得很小,而且空间浪费。适配意味着重新决定每样东西放在哪里:在横向横条中,图片通常在一侧,按钮在右边;在纵向列中,所有内容则上下堆叠。

  1. 从最难的尺寸开始(通常是最小或最极端的那个):如果那里放得下信息,其他尺寸也能放下。
  2. 所有尺寸保留相同的元素:logo、标题、按钮。
  3. 为每种形状重新排列它们,而不是把它们全部缩小。
  4. 用你语言中最长的文字,分别检查每种尺寸。
在 BannerMotion 中。 AI 会把创意适配到每个新尺寸,并在浏览器中检查;为已完成的创意新增尺寸,使用 Sonnet 5.5 时每个新尺寸需要 3 积分,已有的每 4 个尺寸再加 1 积分(在 6 个尺寸的横幅上新增一个尺寸:Haiku 5.5 3 积分;Sonnet 5.5 5 积分;Opus 5.5 10 积分;Fable 5.1 25 积分)。从零生成一个创意,使用 Sonnet 5.5(默认模型)需要 10 积分起(1 个尺寸、1 种语言),并随尺寸和语言增加:5 个尺寸时为 16 积分。

小尺寸上的文字和按钮

在 320×50 或 468×60 中几乎没有空间:一个简短的标题、logo 和一个按钮。几条简单规则:每个横幅只传达一个信息,文字在实际尺寸下无需费力即可阅读,按钮的点击区域足够大,便于在手机上点按。如果放不下,问题通常出在信息太长,而不是尺寸。

每种尺寸的大小

每个素材都有自己的大小上限。大尺寸(970×250、300×600)往往更大,因为它们使用的图片更大;在视网膜屏上,如果使用双倍分辨率的图片,大小会翻倍。请分别测量每个 .zip,而不是整套素材的总大小。

超越标准横幅

除了固定尺寸,还有表现方式不同的格式。富媒体包括带有互动或视频的广告;可展开广告在用户互动时在页面上展开;插页广告在两段内容之间占据整个屏幕。它们需要网站和平台的支持,通常更大,并有各自的规则:制作前请先确认。

核实日期:[日期待定]。表中的尺寸为 IAB 发布的尺寸;英文名称为官方名称。

[作者姓名][职位,以及关于作者的一句话介绍。]

本指南中的术语

IAB横幅文件大小Retina富媒体可展开广告插屏广告

下一篇阅读

指南如何为广告服务器准备 HTML5 横幅阅读资源横幅尺寸:每种格式一个页面阅读教程添加尺寸阅读

BannerMotion 会为每件成品导出带有 clickTag 和已验证体积的文件。

用真实的活动试试看。

创建我的第一个活动查看价格