如果你浏览过许多90年代-2000年初的复古或是真古早的网站，会发现有一种超链接按钮，它的作用类似于友情链接，而且尺寸离奇的一致保持在88x31px的分辨率。这样的古早按钮，尤其流行于各大古早网站、Windows 98的Active Desktop、日本本土网站、本地HLP格式软件说明书，免费网络空间Geocities以及现今的Neocities等处，往往在传统的HTML网站结构可见。

这类按钮在Wikipedia维基百科上被称为Web Badge，又被称之为Web Button 88×31、Web Brick、88×31 Button、(Hyper)Link Button等名称、大部分日本本土网站，则常称为リンクバナー（Link Banner）这样的说法。

88×31是什么？

88×31是一种流行于上世纪互联网网页的超链接按钮尺寸，
你可以在各种BBS、个人博客和项目网站发现它们。
它代表着一个独特的、独立自由的互联网文化的印象。

咳咳，有一些夸大。不过如今也如同人类古迹文明一般，这些88×31尺寸的小按钮在早年的网页页脚之下成堆聚集，被当作一种独特的网络文化、亦被后人收录记载，成为90-2000s千禧年代前的Web1.0互联网时代的重要构成元素。

在现在的NeoCities和IndieWeb独立网络文化运动当中，也时常可以见到这些按钮的复苏。

即使如今，在开源软件仓库的Readme、开发者个人博客总能见到小巧的GitHub式按钮，它们的作用是相同的——网页上的超链接按钮。
只是以GitHub为首的新式按钮从位图变为文本CSS与SVG构建的矢量样式，且Web2.0时代的动态化思维、使得这些按钮具有通过JSON/REST API更新内容显示的功能，用途更加丰富。

总而言之，在功能上，这些按钮的用途几乎是一致的——从一个网站通过超链接跳转到另一个网站。

本文不会教授如何制作、设计这样的超链接按钮，
因为设计创作工具实在是千变多样：

这里既可以用Adobe、Affinity、Corel这类商用专业制图软件，
也可以运用自带画图、paint.net、乃至专业像素画软件Aseprite/Resprite；如果你愿意，也可以使用SAI或CSP的画笔精雕细作。网上也有许多类似的Online Generator，当然，会用Javascript Canvas或是Python还能手搓一个出来……
再不行，不妨用ShareX裁一个？或拍摄现实的图像……

致读者的话：要有创意！

200×60 是怎么来的？

也许读者会感到诧异，为何一下跳到了200×60的尺寸？

虽然88×31的图标很普遍，但是分辨率过低，并不适宜手机等高分屏硬件显示；

古早结构仍在流行的日本是一个很好的案例，超链接按钮的习惯在日本如同大街小巷的招牌似的，随处可见。只是先不讨论那些趋于国际化的“日裔网站”，如今智能手机占比在日本不低，难道日本人真如同传言那般不会与时俱进？

其实有一个片面、但是相当合适的参考例：

东方Project可谓是起源于当代古早互联网、进化于现代网络文化的活化石之一，因此，也可以发掘许多关于日本古早互联网文化的影子，是非常合适的研究对象。

在touhou-project.news的新闻官方网站，尽管已经是现代的响应式网站设计，但仍能发现愈多早年日本本土网站的设计习惯，比如网站的主页被称为“TOP”而非“HOME”，这是日本网站的一些设计特征；

而在官网的footer部分上方有一个LINK区域，也显示了许多高清的网站按钮，有ZUN原本的个人主页、黄昏官网、也有社交媒体的帐号，设计风格仿如88×31放大版，并且尺寸依然离奇的一致。

或许这是某种新的约定俗成？

通过浏览器DevTools可以查看到，这些按钮的尺寸均为200×60，一眼能看出缩放纵横比与88×31并不同。因此它们并非是简单的2x高清放大。

在网络上直接搜寻200×60自然是没有什么结果的，
但一位朋友提醒我，若把88×31与200×60两者同时放在Google搜索，便能发现一些日本政府网站的链接页面，提供了有关外链所需的按钮素材：

此鹤冈非彼鹤岗

与此同时，在侧边栏部分可以发现，有很多外部“友链”相关的网站按钮，保持着相似的尺寸。

尽管高度方面它们并不标准，数值浮动在50-200区间，越高更偏向于广告；另也有如图下的“赤川花火”，便采用了创意化的突破行高设计，当然，这需要网站方面的维护者提供协助。

但至少在宽度方面，它们基本保持了一致的211宽度。
也就是说，这至少是某种程度的约定俗成的标准。

继续在互联网上搜寻这个尺寸的搜索结果，便发现了另一个日本地方政府网站的链接页面。

除了上述的120、200尺寸之外，还有一个234宽度的尺寸：

因此我便继续搜寻234尺寸与88×31相关的搜索结果，
这一下就丰富很多了，因为维基百科就有用户贡献的横幅与按钮：

通过维基百科的引用，我寻找到如下页面：IAB的网站广告尺寸规范。

至此，我们发现了88×31的「万物起源」，而且还有很多独特的尺寸。
可以见到，它的正式规范名称被描述为Micro Bar。
同时，这个规范也解释了为什么日本网站习惯将这些按钮称之为「バナー」而非「ボタン」了，毕竟正名便是 Banner 的说。

IAB广告单元尺寸规范

参见：
https://web.archive.org/web/20021016165801/http:/www.iab.net/standards/adunits.asp

以下是上图中的规范标准的描述文字（机翻）

互动营销单元

IAB 新一轮自愿标准指南包含七种新的互动营销单元 (IMU) 广告格式：两种垂直单元和五种大型矩形单元。这些新的自愿标准指南将加入 IAB 现有的推荐指南体系。目前，网络发布商正在引入这些广告单元，旨在帮助营销人员增强互动性，并拓展在线信息的创意表达。IAB 广告单元工作组将每半年召开一次会议，评估现有广告单元的有效性；审查拟议的新广告单元；并酌情发布更新的自愿标准指南。

矩形和弹出窗口
300 x 250 IMU – （中等矩形）	查看IMU
250 x 250 IMU – （弹出式正方形）	查看IMU
240 x 400 IMU – （垂直矩形）	查看IMU
336 x 280 IMU – （大矩形）	查看IMU
180 x 150 IMU – （矩形）	查看IMU

横幅和按钮
468 x 60 IMU – （全幅横幅）	查看IMU
234 x 60 IMU – （半幅横幅）	查看IMU
88 x 31 IMU – (微型条幅)	查看IMU
120 x 90 IMU – （按钮 1）	查看IMU
120 x 60 IMU – （按钮 2）	查看IMU
120 x 240 IMU – （竖幅）	查看IMU
125 x 125 IMU – （正方形按钮）	查看IMU

摩天大楼
160 x 600 IMU – （宽体摩天大楼）	查看IMU
120 x 600 IMU – （摩天大楼）	查看IMU

也就是说，88×31可以直接被描述为「微型条幅」

简而言之，这应该是现可查阅为数不多关于网站按钮尺寸的规范化资料，这如同PD协议充电器的电压挡位、机架的单元尺寸，甚至更像现实生活中的门店招牌与广告牌。

这其中包括了160×600这样的巨型尺寸
（在当时，主流的电脑分辨率普遍在800×600至1024×768左右，在寸土寸金的预览窗口下，这是可以占据“整个屏幕”的大型广告牌）

当然，这个标准也奠定了那些广告联盟所采用的尺寸标准。

不过要注意的是这是一个自愿标准指南，它不是强制性的推行方案，只是一种倡导；
日本网站所采用的200×60，也只能推测是从234×60的IAB标准裁剪而来；并且现代200×60的设计往往还考虑到移动设备的显示，排版设计所考虑到的DPI标准也明显不太一样。

但能知道的是，这样的超链接模式，依然是至今许多日本网站传承下来的一种约定俗成。

总结

通过IAB广告单元尺寸规范的标准，
我们可以了解到88×31及其相关Web按钮/条幅尺寸的来龙去脉。
日本的标准稍有缩减并且不一致，但极其相似，也可推测衍生自该标准修改而来。

景之域在此前也添加了相关的按钮样式，可供参考：

目前要使用这种链接图片，需要手动复制图片链接。
使用2x需要手动指定width与height的HTML代码参数。稍后，我会更新复制代码。同时，也在链接页面更新了「按钮墙」的版块，可以查看到其他人的88×31 Web按钮。