javascript - 如何以尽可能少的字节将图像文件存储在 utf-8 HTML 源中？

Question

一开始可以想到 base64 编码和 base64 数据 uri。

但它是最节省空间的解决方案吗？

我的用例是将微小的验证码图像存储在可点击链接旁边，这些链接是 gif 或 png 文件，大小为 500-2000 字节，以某种方式嵌入在 utf8 HTML 源中。

我正在考虑可点击链接的数据属性来存储适当编码的图像数据。然后我想使用 JavaScript 将嵌入的图像解码为动态设置的 base64 数据 uri。

Answer 1

来自Ascii85 维基：

Ascii85，也称为 Base85，是一种由 Paul E. Rutter 为 btoa 实用程序开发的二进制到文本编码形式。通过使用 5 个 ASCII 字符表示 4 个字节的二进制数据（使编码大小比原来大 1⁄4，假设每个 ASCII 字符有 8 位），比使用 4 个字符表示 3 个的 uuencode 或 Base64 更高效字节数据（增加 1⁄3，假设每个 ASCII 字符有 8 位）。

请注意，JavaScript 的 btoa (atob) 是 Base64。