DesignStudioAdvertising

真正能带来转化的展示广告横幅尺寸(关键的 5 种)

Ridvay · 2026年8月6日 · 7 min read

真正能带来转化的展示广告横幅尺寸(关键的 5 种)

我有个朋友做上门洗车美容。他做过一张挺不错的广告图——1080×1080 的正方形,一张车的实拍、三行文案、一个按钮——然后把它当作展示广告素材传进了 Google Ads。Google 收下了,一周投出去大约四百次,就没了下文。

问题不在这张图。问题在于展示广告横幅尺寸自成一套体系,而一张正方形的社交图片只能吃到广告库存里很窄的一条。网页上的广告位大多不是正方形:它们是新闻文章顶部的一条窄横条,是菜谱博客侧边一根竖长的边栏,是夹在两段正文之间的一个小方块。你没有那个形状的素材,就拿不到那个位置。

真正要紧的只有两件事:该做哪几个尺寸,以及为什么每个尺寸都需要一套不同的排版,而不是把同一套排版硬压进去。

值得做的五种展示广告横幅尺寸

Google 展示广告网络理论上能接受几十种尺寸。你不需要几十种。下面这五种就覆盖了绝大多数可投放的位置:

尺寸 名称 出现的位置
300×250 中矩形 正文内、侧边栏。最主力的一个。
336×280 大矩形 同样的位置,稍大一点。点击率往往更好。
728×90 通栏横幅 桌面端页面顶部。
300×600 半页广告 桌面端侧栏。画布很大,互动率高。
320×100 移动端大横幅 移动端页面底部。

把这五种做出来,基本就够用了。以后想加,可以再补 160×600(宽摩天大楼)和 970×250(巨幅横幅),但那些属于长尾。

两个最容易让人栽跟头的限制:文件体积必须压到 150KB 以内;文字所占面积最好不要超过画面的两成左右,否则在这么小的尺寸下根本读不清爽。后面这条现在已经不是硬性规定了,但依然是好建议——它决定了你做出来的是一张横幅,还是一堵字墙。

一张横幅只说一件事

有效的横幅和无效的横幅,分水岭就在这里:一张展示横幅只承载一条信息。不是三条。就一条。

社交帖子有喘息的空间:它有配文,可以往下滑,看到它的人本来就带着几分注意力。展示横幅完全不同——它落在别人的余光里,而对方正在读别的东西。你大概只有一秒钟,在这一秒里,对方能装进脑子的只有一个念头,外加一个按钮。

所以在打开任何设计工具之前,先把那一句话写出来。我朋友的洗车生意,最后胜出的不是“专业上门洗车美容服务——内饰、外观、镀晶——立即在线预约”,而是:

我们上门洗,$89。

就这么多。价格、差异点,一句话讲完。其余的一切——镀晶加购、服务范围、五星好评——都属于落地页,而不是一个 300×250 的小方块。

为什么每个尺寸都要重做,而不是缩放

这一步几乎人人都做错,包括我自己也错了很久。你没办法把一套排版缩放成五种形状。300×250 和 728×90 的面积差不多,比例却完全相反;在其中一个里成立的排版,放进另一个里就没法读了。

300×250(中矩形) 竖向堆叠。顶部一条图片带,下面是标题,按钮压在底部。大致分配:图片 40%、文字 35%、按钮和留白 25%。标题字号在 22–26px 上下。这一种最接近一张迷你海报。

728×90(通栏横幅) 转成横向,并且几乎要砍掉一切。Logo 靠最左,标题居中,按钮靠最右。只留一行字,字号大概 20px。这里塞不下辅助文案——硬要塞,两行都会小到隔一段距离就看不清。删掉。

300×600(半页广告) 是真正有余地的那一个。在这里你负担得起一张像样的照片、一个标题、一行辅助文案,还有一个留白充裕的按钮。别因为地方大就填满——正是那些空白让它显得体面,而不像 2011 年的网页横幅。

320×100(移动端横幅) 是被压扁的通栏。Logo、短标题、按钮。这里的标题最多四五个字,因为在手机上只有 100px 高,再长一点就糊成一团灰。

336×280 就是留白更宽裕一点的 300×250。同样的排版,字号稍大,边距稍松。五种里只有这一种是真的可以直接缩放。

留意这五种之间到底变了什么:文字元素的数量。通栏里只放得下六七个字,半页广告能放到十几个字。信息是同一条,只是给的分量不同。

对比度,因为它们要跟一片混乱同框

你的横幅会落在一个你控制不了的页面上,旁边是一张你没挑过的照片,背景可能是白色,也可能是深灰。由此引出两件事:

给它一条硬边界。 1px 的描边,或者一块边缘明确、说停就停的实色底。那些融进页面背景的横幅,看上去就像网站自带的一块,会被当成页面家具直接略过。

让按钮足够显眼。 实色填充,跟周围一切都拉开对比,形状一看就是个按钮。这里不是用低调幽灵按钮的地方。如果你要在横幅里把文字压在照片上,规则和别处一样——我写过怎样让照片上的文字清晰可读,在 300×250 这种尺寸下,那篇里的每一条都要加倍执行。

在 Ridvay Studio 里做出整套尺寸

下面是真正的流程。先从中矩形开始——它是你投放量最大的尺寸,而在 300×250 里把信息打磨到位,逼出来的那份克制会让另外四个尺寸变得轻松。

把这段话输进 Studio:

做一张 300x250 的展示广告横幅,用于上门洗车美容服务。深藏青色背景,顶部一条干净汽车的照片带,粗体标题“我们上门洗”,价格“$89”做成大号强调数字,底部一个高亮实色的“立即预约”按钮。粗体无衬线字体,高对比,不要杂乱。

回给你的不是一张改一点就得重新生成的平面图,而是一份可编辑的设计——标题是文字图层,价格是它自己的图层,按钮是带独立填充色的形状,照片带是可以随手替换的图片元素。这一点在这里比平时更要紧,因为你马上要在它基础上做四个变体。

然后做这几处修改:

  1. 点中标题,把字号往上推,推到几乎撑满宽度为止。在 300×250 上最常见的错误就是字太客气。把空间用满。
  2. 给按钮换色,换成品牌色里最亮的那一个,而不是跟背景沾亲带故的颜色。照上面对比度那一节的说法——它就该显得不属于它落地的那个页面。
  3. 有辅助文案就删掉。 只说一件事。如果 AI 顺手给了你一行解释服务范围的副标题,砍掉。正是这行字,会让通栏版本做不下去。
  4. 套上你的 Brand Kit,在复制之前先把 logo、字体和配色锁死。这一步只做一次,却决定了后面四个尺寸是花五分钟还是花一小时——Brand Kit 搭建教程里讲了怎么做。

剩下四个尺寸的做法是:复制这份设计,改画布尺寸,然后重新排版——通栏版把图片带挪到左边,去掉辅助文案,重新锚定按钮。不要缩放。画布尺寸的变化交给 Ridvay 的尺寸调整功能;让它真正读得清的那二十秒重排,得你自己动手。这跟把一份设计适配到每个社交平台是同一套功夫,只是限制更紧。

每个尺寸导出为 PNG,逐个确认文件都在 150KB 以内,然后整套上传。

做出你的第一张 300×250 横幅 →

后来怎么样了

我朋友这回传了五个尺寸,而不是一个。曝光量从每周几百次涨到了几千次——不是因为素材变好了,而是因为他突然有资格进入那些原本被挡在门外的位置。诀窍就这么点。展示广告奖励的是覆盖面,而覆盖面首先是一个设计问题,其次才是一个出价问题。

如果你同时还要把这套投放做成信息流里的原生帖,那是另一门完全不同的手艺——怎样设计一条能转化的社交广告讲的就是那一边的规则。

除此之外就是:写好你那一句话,做出 300×250,再重做四遍。一个晚上的活儿,而它决定的是——你出现在整个网络上,还是只出现在它的一个角落里。

在 Studio 里开始做整套横幅 →

Try Ridvay — the free AI design tool

Describe a poster, social post, flyer or slide and Ridvay generates a complete, editable design in seconds.

Open Ridvay Studio   ← All posts