445 bytes 畫出全世界:deflate 壓縮加瀏覽器原生解壓的極簡主義示範
Simon Willison 的連結部落格分享了一個讓工程師會心一笑的小品:Iwo Kadziela(在 Codex 協助下)想出用 445 bytes 的資料生成一張看得出五大洲的 ASCII 世界地圖。關鍵是把地圖資料用 deflate 壓縮後編成 base64,再靠一段極短的 JavaScript 接起來。
程式碼本身就是教材:用 fetch() 直接讀取 data: URI,把回應的 body 接上瀏覽器原生的 DecompressionStream('deflate-raw') 解壓,再轉成文字塞進頁面。Willison 自己也承認以前根本沒想過 fetch 可以這樣搭配 data: URI 用——瀏覽器內建的解壓串流 API 讓「自帶壓縮資料的網頁」完全不需要引入任何函式庫。
在隨便一個首頁都動輒數 MB 起跳的現代前端世界,體積高爾夫(size golf)的價值早已從實用轉為修辭:445 bytes 的地圖提醒大家,資訊的本質密度往往遠低於我們習慣支付的傳輸成本。留言區的接力賽也很快展開,有人開始挑戰更少的位元組數,有人研究把同一套技巧用在字型與圖示的內嵌上。
順帶一提,作者標注了 Codex 的協助——2026 年的 demo scene 傳統藝能,也進入人機共創時代了。
歸剛點評|小玩具藏著實用招:DecompressionStream 是所有現代瀏覽器都內建的免費壓縮方案,做離線頁面、embed 小工具時能省掉整包函式庫。歸剛欣賞的點在態度——AI 時代還有人在乎每一個 byte,這種工藝精神值得按讚。