lab notes icon lab notes r & d icon r & d linkroll icon linkroll

为什么我们还在使用 88x31 Buttons

2024-04-16 by Brian

介绍

如果你经常浏览现代的 "small web"，你一定遇到过 88x31 buttons——90 年代末和 2000 年代初网站的标配1，现在又经历了一波复兴。Neocities 社区尤其拥抱了它们。88x31 buttons 在 Web 上有着悠久的历史，横跨广告和个人 Web 世界。就像现实生活中的夹克徽章和纽扣一样——它们小巧、色彩鲜艳、易于收集、易于制作和交易，并且只需一瞥，就能提供足够的信息来描述显示它们的网站。

以下是一些网站的例子，它们在超过 25 年的时间里分享了一些主题元素：Dann's Page Bill's World Paintkiller's links page Solaria's Webspace Ellie's Magical Website ByteMoth's Perfectly Cooked Pages

它们都在某种程度上使用了 88x31 buttons，这些 buttons 以某种方式反映了网站及其设计师。

尽管它们一直持续到 2020 年代（或者可能正因为如此），但关于 88x31 格式的起源似乎存在一些争论——有些人指向早期的 Geocities 网站，另一些人则认为是 Netscape 臭名昭著的无处不在的 "Now" buttons。Neonaut's 88x31 page 比较了 1996 年在 Wayback Machine 上的 Geocities.com 和 Netscape.com 的快照，得出了这个结论。然而，快照显示了一个宣传新 3.0 版本的 button2。但是 "now" button 的历史更早。

88x31 何时出现？

Version Museum list of Netscape screenshots 有一张 Navigator 1.2 版本（可能是 1.22）的图片，日期为 1995 年，显示了 Netscape 主页和最早的 "Netscape Now" button 实例，该 button 没有版本号（Netscape 1.22 发布于 1995 年）。1994 年 Netscape 网站的截图3 没有显示任何 88x31 buttons。

我能找到的最早的 GeoCities 主页版本在 Web Design Museum 上，日期为 1995 年。它没有显示任何 88x31 buttons，但它有一个完整的 banner 和两个看起来更像 88x40 的 buttons。1996 年 10 月 22 日 重新设计的主页快照显示了侧边栏上的几个 88x31 buttons。

因此，88x31 button 格式似乎在 1995 年左右出现在 Netscape 网站上，作为其 Navigator 浏览器的推广活动的一部分。我怀疑推广活动源于 Netscape 备受期待且成功的 1995 年首次公开募股 (IPO)。到 1996 年，88x31 button 格式已经很普遍。很容易找到许多网站的快照和截图，显示从 1996 年开始的 GeoCities 等网站上的 88x31 buttons。

所以我们大致了解了 88x31 button 格式的起源地和时间。但是为什么是 88x31 这个尺寸呢？

为什么 88x31 button 是 88x31？

在他们的 NETSCAPE NOW PROGRAM 页面上，Netscape 提到了以下内容：

通过加入 Netscape Now 计划，您将收到 Netscape 授权的徽标，以便在您的网站上显示。只需填写并提交申请，我们将向您发送相应的图像和使用指南。

为什么你需要一个 "授权" 图像？为什么 Netscape 会费心给你发送一个？因为在该页面的下方，官方计划参与者有一项重要福利："……我们将在 Netscape Customer Showcase 中免费展示贵公司或产品的徽标，并为您提供在 Netscape Internet 网站上投放广告的 10% 合作伙伴折扣。" 但是 Netscape 如何知道您是否正在使用授权图像？

在 Netscape Now button 使用指南页面 中，您会发现以下指南列表：

最小尺寸：Netscape Now button 的最小尺寸为 88 x 32 像素。button 可以以更大的尺寸显示，但 button 的所有元素必须按比例增大尺寸。

你注意到什么了吗？button 的最小尺寸是 88x32。不是 31。但是他们网站上的每个 button 实例都是 88x31。

我怀疑 Netscape 使用 88x31 "示例" 尺寸的 buttons 来推广他们的 "Now" 奖励计划和浏览器。但是后来他们向注册的奖励计划参与者发布了 "官方" 88x32 buttons。这将是一种快速简便的方法来验证您的网站是否正在使用 "授权" 图像。

但是，如果您只想要一个 "Now" button，或者您想要修改或混音它，那么您只需从 Netscape 网站上获取非官方的 88x31 "示例" 尺寸的 buttons 并进行修改。人们确实这样做了。我还怀疑这条使用指南 "不允许更改 - Netscape Now button 不得以任何方式更改。不要缩小它；不要拆卸它；不要改变它的比例、颜色或字体；否则不要以任何方式更改它与 Netscape 提供的版本。" 几乎没有阻止人们，并且可能直接鼓励他们这样做，只是为了发泄——你知道的，因为这是互联网。到本世纪末以及 2000 年代，每个人 都使用 88x31 buttons——从 Microsoft 等软件巨头、广告商、媒体、技术网站到 Geocities 的居民——每个人都使用。但为什么它能持续这么久？

为什么 88x31 如此耐用？

在深入研究 88x31 button 的起源时，我偶然发现了一篇由 Yequari 撰写的文章，题为 "Why Are We Still Using 88x31 Buttons?"。这是一篇值得一读的文章，并提出了一些很好的观点，但我不知道它是否回答了自己的前提——为什么我们还在使用 88x31 buttons？

Yequari 写道 "我明白了。88x31 buttons 是一种表达自己并展示您的网站内容的有趣方式。它们是 Web 1.0 文化的重要组成部分，许多人试图复兴它。并且需要明确的是，创建有趣的图形非常棒！出于对逝去时代的怀旧而创作艺术非常棒。但 88x31 格式并非如此。它非常有限且不切实际。如今，计算机屏幕的屏幕空间是 88x31 button 设计所针对的屏幕的两倍多。"

我同意——88x31 buttons 不是很实用。因此，必须有一些其他因素在起作用才能解释它们的持久性。88x31 确实很流行，但有多流行？但是 90 年代和 00 年代的互联网上有许多流行的 button 和 banner 格式已经消失了。如果我们有一种可以随着时间推移衡量 "流行度" 的方法——一种衡量特定格式的持久力的方法，那就太好了。值得庆幸的是，我们有。但首先，更多历史。

1994 年，HotWired 网站推出了第一个 "banner" 广告。这些 Hotwired banners 的尺寸为 468x60，由于 是第一个且流行，因此成为 "标准" 尺寸。到 1996 年，banners 无处不在。GeoCites 列出了以下广告标准：

完整的 banner 是当时使用的众多尺寸的 buttons 和 banners 之一。到 1998 年，出现了 banners、half banners 以及各种其他尺寸的方形和矩形 buttons（包括 88x31 button）：

这张 1997 年的 Hotwired.com 快照显示了 2 个 half-wdith banners 和一个奇怪的 144x72 button 在页面顶部。另一个 1997 年 Hotwired 快照 右侧有一个尺寸为 127x127 的 button，但挤压到了 125x125 的区域中。1998 年的这个快照 在页面顶部有两个 half-width banners 和一个 120x60 button。

在 1996 年的 Geocities 中，除了 banner 广告外，左侧还有一些 117x40 的 buttons。

在 1998 年的 PCWorld 中，左侧有多个 88x31 buttons 和一个 125x125 的方形 button。

1998 年的 TipWorld 有 4 个 125x125 的方形 buttons 堆叠在一起。

Yahoo 在页面顶部有一个尺寸为 230x33 的 banner 区域。您可以找到一些专门为此奇数尺寸制作的 banners 示例，例如在 1997 年的这个快照 中，或者专门调整为 468x60 并 挤压以适应 Yahoo 首页 banner 区域。

随着广告在 Web 上传播，它迅速成为一项大生意。1995 年，DoubleClick 的创建者开发了代表广告商和经纪人将有针对性的广告插入到网站中的概念，而这仅仅在第一个 banner 广告出现一年后。但是各种各样的尺寸和格式对网站所有者和广告商来说都是一个挑战。1997 年，为了使混乱变得有序，新成立的 IAB (Internet Advertising Bureau，后来的 Interactive Advertising Bureau)，一个由广告、技术、ISP 和互联网媒体公司组成的协会，委托进行了一项 Advertising Effectiveness Study，使用了来自 12 个 "顶级" 网站的数据，并在 1998 年制作了一份 有效的广告 banner 和 button 尺寸列表，并将其作为建议发布：

尺寸（像素）：

与其更著名的哥哥 "full banner" 一起，还有 88x31 "Micro Button"（到 2004 年，当我收藏 IAB 网站 时，它变成了 "Micro Bar"）4。但是，无论是否标准，小小的 88x31 button 能够有多耐用呢？毕竟，到本世纪末，1024x768 及更大的屏幕分辨率变得越来越普遍，网站设计师正在转向更大的广告格式，以利用增加的屏幕空间。2004 年 IAB 的建议包括几个新的和更大的广告尺寸（后来又增加了更多）：

在他们首次提出广告格式建议 14 年后，以及掌握了十多年的广告购买、点击率和参与度数据后，IAB 取消了 许多广告 banner 尺寸的资格，包括 90 年代和 2000 年代几乎无处不在的 full banner，它被广泛认为是 开启了互联网广告革命：

但是，古老的 88x31 micro bar 呢？它仍然 在指南中列出。尽管其显示受到限制，但它仍然对广告商和用户具有足够的吸引力和吸引力，可以保持其作为标准广告格式的地位。我认为这就是它具有持久力的原因，即使受到限制也能保持参与度——这是乐趣高于功能的问题。

88x31 button 的替代方案

但是，如果 88x31 buttons 不适合你怎么办？88x31 buttons，尤其是动画类型的 buttons，通常用于唤起某种互联网媚俗的味道。也许这不是你想要的。关于可见性和可访问性的担忧是合理的——特别是如果你的网站旨在被更广泛的受众观看。Yequari 主要在可见性/可访问性问题方面对 88x31 提出异议，并建议使用更大的 200x40 格式：

200x40 格式比 88x31 更好。它仍然足够小，无需担心文件大小，但它足够大，可以在我不断恶化的眼睛旁边阅读文本，同时还有有趣的图形。将它们堆叠在一起，看起来不会那么令人不知所措，尤其是当它们是动画时。

200x40 banner 肯定在高清屏幕上的可见性/可读性方面更好——但这种格式很奇怪。在研究本文时，我在网络上找到了 一个 200x40 banner 的实例。我在 2005 年 Wired 网站的快照中找到了一个 205x53 的 button。但这是我能找到的最接近的了。

我建议使用 IAB 旧建议中已弃用的 banner 格式之一，而不是 200x40，例如 234 x 60 Half Banner 或 120 x 60 Button #2。为什么？由于 half banner 和 120x60 button 一直持续到 2010 年代初，因此你有超过 20 年的 banner 和 button 可以从 archive.org 快照中提取或直接包含以获得 "风味"。

以下是一些示例：

120x60 visto barnes and noble suck.com

234x60 neoplanet web ramp netscape amazon

结论

我会在自己的网站上使用 88x31 buttons 吗？也许吧。我会尝试一些替代格式吗？也可能吧。我一直在重新制作旧图标，为我的页面添加一些风格，但我还没有决定使用其他图形。

但最终，我不得不得出结论，无论你喜欢它们还是讨厌它们，88x31 buttons 都是好的。它们占据了一个独特的空间，这个空间是由它们在早期网络上的普及程度所定义的，这并非源于现金推动的广告热潮5，而是因为它们最初是免费发布的 buttons，可以轻松地被选择、混音和有机地传播。互联网很早就接受了它们，而且我没有看到任何迹象表明它们会很快被放弃。

  1. 只需进行少量搜索，你就可以找到许多托管或链接到大量 88x31 button 集合的网站：The 88x31 GIF Collection THE 88×31 ARCHIVE The Largest 88x31 Collection on the Internet 88x31 Buttons Here is a collection of more than 700 88x31 web buttons ↩︎
  2. 动画 GIF 支持 和其他格式标签于 1995 年底随 Netscape Navigator 2.0 一起发布，从而导致了当时时髦、色彩鲜艳和有趣的个人网站的爆炸式增长。这也可能是 88x31 button 如此受欢迎的原因——人们混音了 Netscape 无处不在的 "Now" buttons。↩︎
  3. Mosaic Communications 网站概述 Netscape Beta 0.9 的 1994 年版本仍然有效。这些图像使用具有相当高扫描次数的渐进式 JPEG 编码。今天很少见到。↩︎
  4. 2004 年，除了新的 button 和 banner 广告尺寸外，他们还创建了一个新术语 - IMU 或 "Interactive Marketing Unit"，并更名为 Interactive Advertising Bureau。他们还在 2016 年左右从 .net 迁移到 .com，随之而来的是公司捕获的常见恶作剧。浏览他们的网站的 Wayback Machine 快照是对 Web 上广告演变以及广义上的 Web 的一个很好的总结。曾经清晰且易于查找的有用信息变得难以定位和区分于行话、混淆和膨胀层，用户体验变得更糟，最终，任何有用的公共利益都变成了付费服务。早期 网络广告仍然以开放性和乐观主义为特征 的相对无辜的时代早已一去不复返了。2016 年 IAB 年度领导力会议 上的这段主题演讲很好地总结了这种转变。↩︎
  5. 互联网历史播客于 2014 年发布了 "On the 20th Anniversary, An Oral History of the Web's First Banner Ads"，讲述了发布背后的故事。它引用了 Wired 的 CTO Andrew Anker 在 1994 年的话："我们没有对 [广告商] 做出任何承诺，因为坦率地说，我们不知道该承诺什么。(…) 他们这样做是因为他们想成为这个俱乐部的一员，成为这个新媒体的先驱。我们都知道这笔钱会是错的。我们不知道往哪个方向发展，但我们知道我们稍后会弄清楚。" 这篇文章充满了这样的引言。显然，金钱是一个考虑因素，但在很大程度上，第一个 banner 广告背后的驱动力是参与新事物所带来的兴奋。但 Jay Hoffmann 在 hishistoryoftheweb.com 上的文章 "Plagued by Ads" 很好地总结了 banner 广告意外流行的后果："但是天花是 banner 广告的一个特别合适的隐喻。它像病毒一样传播。多年来，banner 广告变得越来越受欢迎，但广告商只认识到 Hotwired 广告的表面价值。他们保留了长方形格式，这可能是团队做出的最无关紧要的决定，但取消了点击式着陆页和内容。网站开始用广告在他们的页面上到处张贴，并将它们直接插入到内容本身中。对于大多数网络用户来说，广告只是变得令人讨厌。因此，参与度下降了。大幅下降。像小于 1% 的下降。好意适得其反。↩︎

Tags: research papers, web development, the web, buttons, 88x31 Why we are still using 88x31 buttons

Comments: 0