指南

把图片塞进 Base64 的过程中所有容易出问题的地方 —— 以及怎么修。

• Base64 图片不显示：怎么找到真正的原因

  2026-09-30 · 1308 词

  六项检查，从最省事的开始，把坏字符串、坏前缀和"根本不是图片的字节"区分开。包含两个几乎没人查的原因。

• Base64 的换行与填充：为什么会破坏解码

  2026-09-30 · 1263 词

  MIME 把 Base64 折成 76 字符一行，填充把它补齐到 4 的倍数。这两条规则是干什么的，以及遇到违反它们的字符串怎么办。

• Base64 为什么会增加 33% 体积

  2026-09-30 · 1191 词

  Base64 背后 4 比 3 的算术，为什么 gzip 对图片无能为力，以及内联一个资源的盈亏平衡点到底在哪里。

• Base64 与 Hex、Base32、ASCII85 对比

  2026-09-30 · 1312 词

  把字节变成文本的四种方式，字母表不同、开销不同、失败的形态也不同。哪一种该用在哪种场合。

• 卡号形态详解：十六进制、十进制与字节序

  2026-09-30 · 1318 词

  同一张卡，一个读卡器显示 04A2243A，另一个系统显示 975479300，两者都是对的。四种形态的对应关系，以及转换中凭空造出卡号的那一步。

• Data URI 与 Blob URL：图片该用哪个

  2026-09-30 · 1293 词

  两种方式都不需要服务器就能显示图片。一种多花 33% 字节但可携带，另一种几乎免费但随页面消亡。怎么选。

• 在 Python、Node.js 和浏览器里解码 Base64 图片

  2026-09-30 · 1163 词

  同一个字符串在一个运行时干净解码，在另一个里就失败。三个运行时对填充、换行和垃圾字符各是什么态度，以及怎么验证字节。

• 图片文件签名：PNG、JPEG、WebP 与 AVIF

  2026-09-30 · 1175 词

  扩展名和声明的 MIME 类型都会撒谎，最开始的那些字节不会。解码器使用的签名表，以及怎么用 JavaScript 读它。

• 用 JavaScript 把图片转成 Base64（三种方式）

  2026-09-30 · 1123 词

  FileReader、canvas 和原始 ArrayBuffer 各产出不同的字符串 —— 其中一种会悄悄把图片重新编码。三种方式的可用代码。

• 百分号编码：会破坏 URL 的保留字符

  2026-09-30 · 1502 词

  "保留"意味着这个字符在那个位置有职务。在值里不编码它，它就会把你的数据切成参数或片段 —— 没有报错，也没有警告。

• URL 编码与 Base64：什么时候用哪个

  2026-09-30 · 1505 词

  两者都被描述成"让文本安全"，但它们解决的是不同问题。选错了，数据就会在没有任何报错的情况下被破坏。

• URL 安全 Base64 与标准 Base64 的实用指南

  2026-09-30 · 1142 词

  JWT、Cookie 和查询参数用的是另一套字母表：用 - 和 _ 替代 + 和 /。哪些地方会变、哪些会坏，以及怎么判断手里的是哪一种。

• 什么是 Base64 Data URI，以及为什么有些图片解不开

  2026-09-30 · 1413 词

  Data URI 是把图片存进一段字符串。这个格式到底允许什么，以及三种看起来都像"解不开"的不同 bug。

• 韦根 26 与 34：位数切分到底意味着什么

  2026-09-30 · 1515 词

  两种格式都带设施码和卡号，但分界线落在不同的位上。这就是同一张凭证会变成两个不同的人的原因。