我仍未知道那天所看见的 88 × 31 的名字
这可能是全网最全的关于88x31图标的文章了…但是我也是站在巨人的肩膀上 谢谢页尾的所有网站
引言
如果你是一个在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>
-->
感谢
blog.imalan.cn neocities.org voodu.xyz
]]>