什么是 88×31 像素徽章

在 1990 年代末到 2000 年代初的早期互联网(GeoCities、个人主页与 Webring 时代),88×31 像素的动态 GIF 是网页底部的标准装饰尺寸。站长们会在页脚摆满一排“Best viewed with Netscape Navigator”、“Made with Dreamweaver”或互相交换的站点友链小按钮。

2026 年 11 月,设计师兼开发者 @codycollier 在个人工作室站点 a90.com/experiments/88x31 上发布了 30 枚用 88×31 像素规格重制的现代 AI 梗徽章:把大模型幻觉、提示词注入、SKILL.md、rm -rf ~/ 权限弹窗、200 美元月费街机投币和“鹈鹕骑自行车”装进了复古像素容器里。

这个中文复刻版是怎么实现的

本页没有预加载任何外部图片文件,全部 30 枚徽章均由页面内的像素渲染引擎在 88×31 逻辑像素网格上逐帧实时绘制,并以 4 倍整数像素(352×124,开启 image-rendering: pixelated)输出到画布,保证在 Retina 屏幕上每一颗像素边缘都绝对锐利。中文排版先在离屏低分辨率画布上光栅化并按阈值二值化为像素点阵,再按整数倍放大贴回,消除浏览器默认的字体抗锯齿模糊。

页面内置了一个零依赖的纯前端 GIF89a LZW 编码器。在上方墙面点击任意一枚徽章进入特写模式后,点击底部的「导出动态 .gif (352×124)」,浏览器会现场采集该徽章的 12 个动画关键帧、提取 256 色本地调色板并编码成标准循环 .gif 文件直接下载到本地。

30 枚徽章中英对照与梗考据(点击卡片可直接定位特写)

← 回到博客首页