我 最近说过,我认为目前的广告“标准”像素尺寸很荒谬。 728×90? 88 x 31? 什么? 我有一个新想法:有意义的广告尺寸。
让我们从一个基本模块开始。 125×125 非常流行,已经是当前的“标准”,并且受各种广告网络的支持。 因此,如果我们从这里开始,并选择一个合理的间距大小(10px),我们可以构建一个完整的、有意义的广告尺寸系统。
仅使用此模块和 10px 间距,我们可以获得许多合理的尺寸
125×125 | 260×125 | 395×125 | 530×125 | 665×125 | 800×125 |
125×260 | 260×260 | 395×260 | 530×260 | 665×260 | 800×260 |
125×395 | 260×395 | 395×395 | 530×395 | 665×395 | 800×395 |
125×530 | 260×530 | 395×530 | 530×530 | 665×530 | 800×530 |
125×665 | 260×665 | 395×665 | 530×665 | 665×665 | 800×665 |
125×800 | 260×800 | 395×800 | 530×800 | 665×800 | 800×800 |
我们的 125px 模块也可以被 5 整除,得出 25px。
因此,我们可以根据需要用 25 的倍数(例如 25px、50px、75px、100px、200px 等)替换高度。 需要更大一点的按钮尺寸:125x25px 怎么样?
有什么想法吗?
如果我要构建一个包含广告尺寸的新网站,我一定会这样做(或者做一些非常类似的事情),而不是尝试“适应”像 728px 这样与任何事物都无关的旧的荒谬尺寸。 而且,如果广告商不能费心制作一个特定且合理的尺寸的广告,我们可能也不适合他们。
好主意! 我喜欢您的广告尺寸定义。
让它们变成你想要的任何尺寸。 我没有看到任何使用 AdBlock 的广告 ;)
笨蛋。
是的……笨蛋
当然是一个好主意,我喜欢 260×260 的尺寸,但是我认为选择太多会让人发疯。 对于广告商来说也是一个巨大的头痛。
也许只是我,但我认为选择太多与没有选择一样糟糕。
您提到了一个有效的观点,但您犯了同样的错误,您的广告尺寸只适合您。 任何其他不使用 125×125 或 10 像素间距的网页设计师都会遇到同样的问题。 如果我在不知道您如何得到它的情况下看到“665×395”,我也会去“wha?”。 也许标准尺寸背后的想法是提供尽可能多的不同选项,这样网页设计师就可以从中进行选择。 您建议的标准只提供了选择 125px 网格和 10px 间距的选项。
我不相信。 拥有彼此之间毫无关系的广告尺寸对任何人都没有好处。 它们也不“只适合我”,我选择 125 模块是因为它的普遍性而不是它的稀有性。 无论您选择什么尺寸,它都不会在此时此刻对每个人都完美。 这就是它成为标准的原因。 您选择您认为最好的选择,并将其称为标准,让其他人围绕它进行构建。
我并没有幻想这会成为某种新的标准。 我只是说,如果它是,它会不那么荒谬。
说得好,Chris!
绝对的,如果我可以这么说的话,表格时代确实让我们在谈论广告尺寸时陷入困境。
“标准”广告尺寸来自于互联网大亨在互联网泡沫之前和期间的网站上方便的做法。 没有任何逻辑设计决策的依据,那时事情发生得太快了。 IAB 尺寸 (http://www.iab.net/iab_products_and_industry_services/1421/1443/1452) 是试图根据过去的常见错误来对未来施加一些秩序。
作为数字广告/媒体领域的工程师,我非常希望看到一些更合理的思考用于解决当前的尺寸问题。 但我怀疑这会发生。 创意公司习惯于制作这些尺寸,如果没有足够的权威,媒体开发人员将无法在改变它们方面取得太大成功。 在移动广告领域,由于存在如此多的屏幕尺寸和分辨率,仍然存在问题……创意制作人员必须在制作 200 个不同版本的广告之间取得平衡,同时为媒体提供最高质量的广告。
正如我所说,我非常希望看到一个合理的“标准”,并得到 Google 等公司的支持。 但我并不认为这会发生,我认为我们仍然受制于现有的“有机增长”标准……
@Beggs: 不一定被困。 例如,一个“标准”的 728×90 广告可以放入一个更合理的 750×100 模块,直到 750×100 成为新的标准。 这就像印刷中的 pica 系统,其中 25px(或 250px 或任何其他单位)成为新的单位。
还要考虑到移动浏览,以及它可能如何颠覆现有的标准。
完全同意,我在一家公司工作,我必须为许多事情制作 728×90 和 120×600 等广告,它们是可怕的分辨率。
网络已经发展多年,是时候制定一套新的“标准”广告尺寸了。
我同意我们需要一个新的“标准”广告尺寸,并且基于现在流行的 125×125 广告可能不是一个糟糕的选择。 我总是讨厌尝试将 125×125 广告与 300×250 等广告放在同一个边栏。
但 Eddy 提到了一个有效的观点:您的 260×260 建议假设特定间距大小和特定较小的广告尺寸,这只是将一个笨拙的系统换成了另一个笨拙的系统。
有些网站确实请求非标准的广告尺寸——Antonio 在 Woorkup(以前是 Woork)多年来一直使用一次性尺寸。 但是,您必须拥有一个非常强大的品牌才能做到这一点!
在“网页设计”领域肯定更容易实现。 这个领域的广告商可能有一名网页设计师或网页设计师团队来处理这类事情。
我认为您走对了方向,广告空间似乎仍然停留在横幅方法上,而不是更模块化的方法。
“而且,如果广告商不能费心制作一个特定且合理的尺寸的广告,我们可能也不适合他们。”
可能不会,因为他可以找到数百万个可以容纳他已有尺寸的现有网站。
它们可能很奇怪,但这些尺寸已经确定多年了,正是出于这个原因,为了避免将广告商的创意与发布商可用的广告位匹配的麻烦。
125×125 可能是最愚蠢的,因为有一个更广泛使用的 120×600“摩天大楼”格式,可以愉快地放在同一列。
当大品牌购买广告位时,它们会在数百个甚至数千个网站上购买,设计您的网站以符合另一个标准,您只会错过这个名单。
我只是认为,如果广告商对您的网站如此不在乎,以至于他们不能花几分钟时间将他们现有的广告设计调整为适合您网站的图形,那么
#1) 他们对自己的产品/服务不够关心
#2) 他们对我的网站不够关心
… 所以这不是一个好的匹配。
我可以理解在一个网站上购买数百个网站的广告位并希望简化这个过程的观点。 因此,“标准化”。
我完全同意 Chris 的观点。 125×125 非常完美。
除非您是家喻户晓的名字,否则广告商看不到您的网站。 媒体购买机构向广告商展示他们认为最适合的网站用户的受众群体细分。 正如 Stephen 所暗示的那样,如果他们不必支付更多费用给创意制作人员来制作一个特殊尺寸,他们更有可能将您的网站包含在内。
好文章! 如果使用这些尺寸会更好。
看看我的设计博客,你会喜欢的:)
http://vasare.wordpress.com
真的吗?明目张胆地发布链接?
我的意思是,如果你在上面提到的尺寸上显示广告,我可以理解。但是你的链接与这次对话毫无关系。:P
考虑到计算中大多数东西都是用二进制或十六进制计算的,包括屏幕分辨率,我想知道为什么广告横幅不使用相同的系统?(以及其他网络上的东西 :P)。您的 125×125 将变为 128×128。您可以使用 32px 或 64px 作为最小尺寸,其他尺寸将为 96、256、512、768。
到目前为止,这是其中最好的想法……我读到最初的文章时就喜欢这个想法,但使用二进制系统来使事物与计算世界的其他部分保持“一致”感觉,嗯……很自然,我想。
我认为应该有一个 160×160。这样就可以轻松地将宽阔的摩天大楼广告切成正方形。PS- IAB 最近更新并添加了 2 种尺寸。
http://www.iab.net/iab_products_and_industry_services/1421/1443/1452
我的理论是,最初的广告“标准”是由微软发明的。除了他们,谁还会想出这样毫无意义的系统呢?
是的!约翰说得对。微软的想法和标准通常都很愚蠢,而且考虑得不够周全,似乎我们作为开发人员在设计和编码网站以符合网络上“微软”做事方式时,必须付出代价。
对我来说很有道理。我一直认为“标准”尺寸中最奇怪的事情是正方形是 125,而其他一些尺寸的宽度或高度是 120,所以你甚至不能将两者混合。这是怎么发生的?
Chris。这完全说得通。这可能是广告世界的 960 格系统 =)
顺便说一下 - 页脚设计很不错!
我理解你很多沮丧的地方,但我也想指出,用基于传统博客侧边栏的尺寸约定来替换我们当前笨拙的尺寸约定,在我看来只是将问题推迟到中期,而不是解决核心问题。
核心问题是:静态显示尺寸。使动态生成工作并非易事(或便宜),但它将极大地改进现有的(并且被广泛认可的)糟糕范式。允许更无缝、更集成的广告模式。
完全同意!
布尔值!
从来没有理解过这个愚蠢的标准,但希望它能改变;干得好!
更好的标准,Chris!
我同意现在的标准有点愚蠢;确实应该尽快改变!
我个人喜欢看到整个广告(例如 300×250),而不是“切碎”它。
不过我喜欢你的想法,你也能从中赚到更多的钱,但如果想象一下网页上有两个被切碎的广告块,那将会导致 6-12 个 http 请求,这会导致网页变慢!
此外,当谈到 Flash 广告时,这些分辨率很完美,有时甚至太小而无法使用(这就是为什么存在“悬停以展开”类型的广告)。
人们在选择网站上的广告位置和数量时只需要更加小心。我看到很多网站只是在模板上方放了一个巨大的 728×90 广告,这会导致内容更低或“折叠后”。在我看来,这真的很丑。
广告很可能不在同一个服务器上,因此主要网站 css-tricks.com 不会受到这些处罚。
此外,您描述的问题显然与广告服务器有关,也许他们应该进一步优化他们的代码?
这篇文章最好的地方是引入了更合理的广告尺寸。我很难理解为什么 468×60 像素等尺寸被选为标准。
如果我们不创建尺寸,而是创建纵横比会怎么样。因此您的 125×125 将是 1:1 的纵横比。然后你可能会有一个双倍高的纵横比 2:1,等等。原始广告以最大尺寸发送给广告代理商。然后,网站选择要使用的纵横比,并根据其网站的需要确定尺寸。它会创建/缓存调整大小的图像,有点像一个 timthumb 脚本。所以如果我想要一个 100×100,我可以选择 1:1 的纵横比,然后让它处理一个 100×100 的尺寸。
好处似乎是减少了广告设计师的麻烦。创建几个不同的纵横比广告,并服务于无限的分辨率。
我理解人们可能希望为一个小正方形创建一个与大正方形不同的广告。也许存在尺寸阈值。一旦超过某个尺寸,就会使用不同的源广告,或其他任何东西。
这很有趣。在我看到“尺寸阈值”部分之前,我非常怀疑。它需要更多研究,但我认为这可能有效。
我希望这在技术上是可能的。但这同时也让我思考:为什么还要费心去设置标准广告高度?
在大多数网站上,宽度是有限的资源,但高度却不是问题,因为鼠标上引入了滚轮。
好吧,现在……我以为二进制解决方案更有意义,直到我来到这里……这更有意义。我想知道我在这页面的下面会遇到什么有意义的乐趣……
实际上,我认为我重复了 JoeP 的建议
你比 JoeP 说得更好。我一开始不明白他想说什么。
不错,我已经在我的网站上实施了类似的东西。我目前在侧边栏上有一个 260×125 的广告。这很棒,我们应该对其进行标准化。
我完全同意你的看法,Chris。我已经看到这些广告尺寸被广泛使用,特别是在与设计相关的博客等地方。Envato 很好地利用了这些尺寸,你也是。
好文章,希望很快看到它更受欢迎!
好主意
就我个人而言,我不明白为什么像 AdSense 这样的服务不允许你设置自定义尺寸。对于像这样的生成内容 - 不是图像,而是文本 - 在很多情况下,我想要一个宽 10 像素的条形图。如果我能访问源代码(增加尺寸,显示的项目就会重新居中),很容易实现,但很明显你不能。
绝对的。为什么 AdSense 关心文本广告的块的大小?只需调整字体大小以适合即可。我想是因为默认情况下,他们使这些块能够提供文本或图像。但是你可以选择只使用文本,对于那些文本,你应该能够指定任何尺寸。
我经常遇到这种情况。当我想要使用 AdSense 并让我的网站看起来很糟糕时,这非常令人讨厌。
这很有道理。对于与标准尺寸的小幅调整来说,将是字体变化,我相信像 Google 这样的公司可以发明一个脚本来自动生成自定义尺寸。
说实话,即使我能将尺寸扩展几个像素,然后让 Google 用背景色填充多余的空间(谁应该允许透明度),我也会更开心。
我很高兴 IABC 意识到 80% 的广告收入来自少数几种广告尺寸后,将他们的标准广告尺寸集合减少到不到 10 种。就尺寸而言,它们仍然很随意。我宁愿他们采用类似于你提出的东西。IABC 可以声明 W、X、Y 和 Z 是“基本广告”,但任何适合格栅系统 A 的广告都可以,但不会像前者那样普遍使用。
感谢你写下来!现在,我们如何才能实现它呢?
我同意你的 125 基准,不过添加一个 160×160 会很棒!
160 作为基数可能很酷…… 这给了我们 16px,这是一个标准的 favicon 大小,以及 160 x 6 = 960px,这是一个流行的尺寸。
很棒的数学,Chris!:)
我认为以 960 gs 为目标是一个好主意
嗯,我非常喜欢它——但是,我不得不说,你需要一个垂直边距来将 125 基块划分为按钮或更小的广告。我认为 3px 很好,所以你可以有 5 个 22×125 或 1 个 47X125 和 1 个 72×125(等等……)
这个想法很棒。我同意广告基础应该适合 960px 网格,无论是 16 列还是其他什么。
我投赞成票。应该基于网格。
我完全同意。你见过人们放在页眉和页脚的 728 X 90 尺寸广告吗?太荒谬了!我已经使用这种技术一年左右了。一切都很干净。很棒的文章,Chris。
很棒的帖子,我完全同意。
这被我写进了我的 Moleskine 笔记本里 :)
我同意,但难点在于让它起作用…… 除了最大的网站以外,广告网络说了算,而不是网站管理员。
我认为 728 块的历史与曾经常见的 800×600 屏幕分辨率有关。有人可以通过在 800×600 的情况下打开 IE3,并使用标准边距和滚动条宽度来确认这一点。
因为较小的广告不受可用屏幕空间的限制,所以选择了合理的尺寸。
我同意修改尺寸会很好,但我建议更好的方法是使用一个广告服务器,它可以根据客户端网站上的可用空间动态调整广告尺寸。广告甚至可以作为带有内联 CSS 的 HTML 片段生成。
只是一个想法。
::Leigh
谢谢您澄清,我认为这是合理的,但 468 px 宽度怎么样呢?
我同意设立一个新的标准,但我对 125px 模块持保留意见。如果我们试图制定一个新的标准,我们需要在全局布局中使用一些标准尺寸和比例。960º 网格系统、Blueprint 和其他不支持 125px 的系统是不错的参数。
是的,这对于标准来说太棒了。
Google 的广告尺寸对我来说毫无意义!
你无法将它们融入设计。大多数情况下看起来很奇怪!
你的重新设计从设计角度来看很棒。
你打算如何让它被网络广告行业、为该行业服务的数百家广告公司以及数千家围绕着目前公认愚蠢的横幅广告尺寸设计的网站的大公司所采用呢?
我期待你的解决方案。
我打算跺跺脚,也许还会哭一下。
一定要用 Twitcast 直播。
125x 似乎是新的标准,即使没有人真正这么说?大多数新网站现在都将它作为基础,无论边距是 10px 还是 20px。我认为,在这个时候,试图将 160 推出作为标准,而不是 125,有点太晚了——但数学确实很有效。
我更希望看到 960.gs/demo.html 中使用的尺寸:60、140、220、300……比例的想法也有一些道理。
这最初正是我所想,直到我意识到你使用的是 12 列网格,而我使用的是 16 列。在这种情况下,唯一有用的尺寸是 940、460 和 220px。其他所有尺寸只能被其中一个使用。
此外,这还没有考虑到任何可能的填充或列边框,它们在各个网站之间可能会有很大差异。但这是一个很好的起点。
Chris,好主意。目前的标准广告尺寸无法真正相互配合,谁知道创建它们的人在想什么。
为什么不建立一个类似 iab.net 的网站,但使用这些新的广告尺寸呢?我相信很多人会支持它,最终这些新的尺寸将成为真正的标准尺寸。
我完全同意!很棒的文章,Chris。有趣的是,你的 Elegant Themes 广告是 390px 宽,而不是 395px。只是一次有趣的观察——没有任何个人攻击的意图。
感谢分享。
我同意。从构建块构建横幅的想法很棒。最初的 728 尺寸是在屏幕分辨率较小的时代定义的。
忘记 HTML 5 吧;Ads 2.0 是未来。
我同意。我们应该有一个合理的广告尺寸的国际标准。目前使用的标准与网格设计不兼容。
对我来说,我讨厌 468×60。我制作 flash 横幅,我知道制作这样的尺寸美观且可点击是多么困难。
我投票给 300×250。它是最好的。
我完全同意!多年来,我一直想知道为什么人们会为他们的广告使用如此奇怪的尺寸。这些奇怪的尺寸已经被如此多的广告网络采用,它们已经成为了标准。但为什么?是谁想出了这些尺寸?我可能错了,但我怀疑这些目前的标准尺寸是像 Google(例如)这样的大公司使用的,因为它们整齐地适合他们的网站,最终为了避免重新设计广告,人们只是坚持使用它。
像你一样,我认为我们现在应该改变它。对我来说,我也更喜欢你提到的广告尺寸。具有某种对称性的尺寸,这样它们可以整齐地融入任何布局。
当然,像你描述的这样对称的广告会比目前的标准广告表现得更好,因为常识告诉我,这些广告会更好地融入布局,看起来更专业,最终会更赏心悦目。
此外,通过采用你的尺寸,广告商可以拥有一个可以用于所有对称比例的矢量图像。当然,这也可以在当前尺寸下完成,但在新的尺寸下,设计起来会更容易。
哇,Chris,
你用这篇帖子真的引起了轰动。我个人完全同意你的观点。
至于大规模采用,我认为这并不像很多人认为的那样困难。我们现在拥有的当前尺寸是由大型广告网络(阅读 Adsense)设定的。如果我们(你)能说服他们,或者也许说服 BuySell ads 采用这些新尺寸,我认为你就可以开始行动了。广告商将被迫遵守。
感谢你的辛勤工作!
同意
我同意 Tim 的观点
嗯,我非常喜欢它——但是,我不得不说,你需要一个垂直边距来将 125 基块划分为按钮或更小的广告。我认为 3px 很好,所以你可以有 5 个 22×125 或 1 个 47X125 和 1 个 72×125(等等……)
顺便说一句,我很惊讶有多少人似乎不知道这些尺寸的来源,简单地说,早期网络上最大的网站都有不同的广告尺寸,他们使用不同的尺寸来试图窃取彼此的广告收入。其他人只是开始使用最受欢迎的尺寸,许多尺寸现在已经不太有用,比如半幅横幅(234×60),但仍然在 IAB 推荐的格式中。在尝试创建新的尺寸之前,我们应该要求 IAB 减少尺寸的数量。
我同意!
我认为保持简单的方法已经过时了!
2010 年可能是标准被修订和重构,旧标准被废除(如果未使用或不实用)的一年。
这个想法太好了,以至于在逻辑上无法实现。至少对于 IAB 来说是不可行的。
绝对是个好主意,我会尝试把它应用到我的工作中。也许如果足够多的人这么做,它就会成为新的标准。
这个很棒,甚至使用了质数。
88 x 31 IMU 微型按钮
对我来说完全说得通…… :P
完全同意
目前的一些标准尺寸太荒谬了。
但使用像 0 或 5 这样的数字 (125, 260, 800, …… 等等) 更容易、更合理。
让我想起了以前报纸上购买显示广告的旧方法,用“栏英寸”来衡量。
@Chris 嗨,我正在考虑将我的下一个网站设计成基于 125×125 平方。我喜欢正方形的组织和对称,它让我大脑感到愉悦。我考虑将网站设置为 935×530 或者 665?另外,要不要留边距?我认为如果我使用很多边距,效果会很酷,但我不是网页设计专家,我会遇到太多 HTTP 请求的问题吗?我可以将图像尺寸保持在足够低,这样可以吗?有什么想法吗?谢谢,Lon
0 × 0 广告是最好的…… 因为广告拦截规则。
好主意!但如果使用 60 (或者 960) 然后将其分成几块,会不会更好?比如 10, 12, 15, 20, 30 (或者 480, 320, 240, 192, 160 等等) 以及所有这些。
我同意。许多广告尺寸都很荒谬。使用 125 作为构建块是个好主意。对于更长的横幅广告,530×75 或 530×50 可以奏效,并且仍然遵循格式。
当我制作广告管理系统时,我可能会在侧边栏中放置 100×100 像素的广告块,然后用两个或三个更大的矩形广告块隔开博客文章。
你怎么看?
虽然 125 x 125 被 WP 博客网站广泛采用,但它是最笨拙的广告单元之一。它不适合任何传统的 960px 网格系统,更糟糕的是,它是一个奇数。
它当然无法提供一个健康的起点,无法以此为基础建立一个完整的广告尺寸系统。
无论如何,这都是一个无意义的问题,因为没有人会在短期内改变现有的标准。如果你的发布商支持通用广告包,并且忍受其他一些非主流网站一时兴起想出的各种奇怪尺寸,你就应该感到高兴。
IAB 的决定是由数字驱动的,我指的不是像素数量。
这一切都与广告主数量、代理商数量、点击次数以及…… 最重要的是,与任何特定大小或形状相关的 $$$ 数量有关。
不过,都是很好的建议。
你完全正确。
这应该成为新的标准,我建议网站设计师开始按照这种逻辑工作。
CSS 的出现是为了打破僵化的布局,为什么你还想要广告块?为什么不定义一个网页广告的每平方像素价格呢?
读到这里,我认为上面 (mikemick 于 2010 年 1 月 7 日上午 10:41 发表的评论) 的建议,即标准化纵横比,允许网页设计师根据需要将它们融入自己的设计中,是我见过的最好的建议。不依赖于特定宽度,只需要纵横比。太有道理了。
我很惊讶在这个讨论中很少提及“形状”。我建议我们尝试从印刷界吸取一些经验教训,并保持与标准 ISO 纸张尺寸相同的比例。(从 A0 到我们熟悉的 A4 和 A5,以及更多 - 而不是美国使用的那些愚蠢尺寸) 它们具有标准的长度/宽度比例,并且每个尺寸都是下一个尺寸的一半,因此你可以确定任何标准宽度 (或者高度) 都可以工作 - 也许用于单个垂直广告,或者用于同一位置的两个水平广告。
这将自然倾向于上面提到的使用“二进制”大小的想法:64px、128px 等等,虽然另一个想法是使用基数 12,因为它更加灵活 - 可以被 2、3、4 或 6 整除,而不仅仅是基数 16 的 2、4、8。
让我们用公制来表示:将“em”设置为基本大小,然后我们可以有 2 十分之一 em 乘 2 十分之一 em (20em 乘 20em) 的方形广告,等等。Ems 会缩放,公制系统据说是唯一有意义的测量方式 (如果你相信所有对美国系统或缺乏系统的嘲笑)…… 所以就是这样。:)
说真的,我希望看到能够很好地协同工作的标准化尺寸。好的标准会被很快采用,假设一两个“大腕”接受了它。看看 RSS 图片或分享图标的普及程度,或者其他一些想法的普及程度就知道了。