引言

如果你是一个在2000-2010年热爱上网的一个网络大虾那你一定看到过88x31的小icon 这是一个示例阿江守候的小icon

这是什么

这个像徽章横幅一样的按钮，可以快速可视化的提示此网页有什么元素内容一般印上网站域名站名什么的我之前在Neocities上做内容时也做过…

为什么它流行了？

当时的网站喜欢把一大堆信息摆在你面前不知道是不是人们被网页调教服了就逐渐接受了还记得彩铃GIF吗？用一句表达我的意思就是当时人们的主流审美就是GIF 色彩斑斓那些东西而友情链接这玩意早就有了也许是光溜溜的文字友链不够吸引用户于是五颜六色甚至带有动画效果的 GIF 8831按钮就在 1996 年之后流行了起来一些按钮甚至会有宣传短片的精美程度它有这些名字:

The 88x31 buttons Web banner Badge antipixel（特指 80 × 15 的大小） Steal These Buttons (STB) linkgraphics

技术细节by gledos

通常按钮都需要使用限定的长度与宽度，但有的按钮稍微有几像素的偏差，对于排版来说会有点麻烦。

因为许多按钮属于像素艺术，锐利的边缘很重要，所以无法无损编码的 jpeg 格式基本没有人使用，通常都是使用可以无损的 png 或者 gif 图像。

如果是很小的按钮，那么就非常需要像素字体，其中有高度为 5px 的免费字体 Silkscreen（分发协议是 Open Font License），很适合用在 36 × 13 以及 80 × 15 的按钮上。

按钮常见的大小有下面这些：

36 × 13 80 × 15 (Antipixel) 88 × 31（最常见） 88 × 62 110 × 32 120 × 60 125 × 50 137 × 42 180 × 60

玩笑

“Netscape Now! Buttons” 是指此网页完全利用了网景浏览器特性的按钮netscape可能认为这是双赢认为网站有曝光自己有流量但是如果仅仅是一张图片仅仅是一张图片你完全可以直接下载放到自己的网站上才不管有没有利用什么特性不特性就像现在抖音盗图保存如果有水印的话截一下图就好了甚至有更好的办法总之这是一个笑话

Geo&Neo

标题指的是Geocities和Neocities Geocities 是当时流行的免费网络空间，任何人都可以申请个人站点 Neocities旨在复兴旧网络继承Geo 有人认为是 Geocities 推荐每个用户都设置一个 Geosity 的按钮链接，而要求的大小就是 88 × 31 像素所以让 88 × 31 的按钮流行了起来

引领者

无法考证

如今

因为Neocities任然存在所以天下任然有非常多的8831存于网络而且Neocities的流量非常庞大所以说在外国8831仍然是顶流

按钮by gledos

之所以许多描述，将这个图片称作按钮，主要还是 “Netscape Now!” 被设计成了按钮的样子没错……这个按钮跟 Windows 95 的画风相同比如下面是 Windows 95 的开始菜单

这就是那个时候人们喜欢的了

存档

有一个存档网站 https://88x31.nl/index.html

Creative Commons by gledos

Creative Commons（创意共享，以下简称为 CC）是 2001 年成立的非营利组织，并在 2002年12月16日发布了 CC 最初的版本（也许可以叫做 CC 无印）。

在这段时间，团队一直在尝试研究被作品用上 CC 标记，因为图片、文本视频等文件跟软件不同，软件可以轻易的将许可证放进软件的文件夹内，或者直接在软件中展示，但图片、文本视频等文件通常都是单个的，使用软件许可证的方式并不合理，所以团队在研究给作品标记的方法。

理论上只要声明此作品使用 CC 协议即可，但团队希望相关内容可以被机器快速找到，所以使用了 RDF 元数据来标记，当时建议的标记像这样

<!-- Creative Commons License -->
<a href="http://creativecommons.org/{license URL}">
<img alt="Creative Commons License" border="0"
src="http://creativecommons.org/images/public/somerights" /></a>
<br />
This work is licensed under a
<a href="http://creativecommons.org/{license URL}">Creative Commons License</a>.
<!-- /Creative Commons License -->
<!--
<rdf:RDF xmlns="http://web.resource.org/cc/"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<Work rdf:about="">
<license rdf:resource="http://creativecommons.org/{license URL}" />
</Work>
</rdf:RDF>
-->

感谢

gledos.science

blog.imalan.cn neocities.org voodu.xyz