https://blog.riverfind.space/posts/ Recent content in Posts on riverfind's blog Hugo en Fri, 26 Jun 2026 12:26:37 +0800 https://blog.riverfind.space/posts/base64/ Fri, 26 Jun 2026 12:26:37 +0800 https://blog.riverfind.space/posts/base64/ <h1 id="base64">Base64</h1> <ul> <li> <p>将二进制数据转成 ASCII 字符串 (&ldquo;binary to text&rdquo; scheme<a href="https://developer.mozilla.org/en-US/docs/Glossary/Base64" title="MDN-Explanation">*</a>)</p> </li> <li> <p>在 CSS 中直接嵌入小图标或者在 Data URI</p> </li> <li> <p><strong>核心：</strong> 将字节转换为一个取字符于一个由 64 个可打印字符组成的集合的可打印字符串<img alt="image" loading="lazy" src="https://blog.riverfind.space/images/blog/base64/base64_map"></p> <p>然而 64 个字符只能映射 6 位比特，所以使用三个字节以便映射到长度为 4 的 base64 的字符串。如果字节数不是 3 的倍数则会出现补位需求，如果字节数模三余一，则二进制需要补 4 个 0；如果字节数模 3 余 2，则二进制需要补 2 个 0。计算过程如下</p> <p>已知字节数模三余一：</p> <p>$$ \text{Bytes Number} \equiv 1 \pmod 3 $$</p> <p>由模运算性质可知, 可推知</p> <p>$$ 8 \times \text{Bytes Number} \equiv 2 \pmod 3 $$</p> <p>显然有</p> <p>$$ 8 \times \text{Bytes Number} \equiv 0 \pmod 2 $$</p> <p>我们知道 $gcd(2, 3) = 1$，因此可以根据<a href="https://zhuanlan.zhihu.com/p/44591114" title="中国剩余定理（CRT）-知乎">中国剩余定理（CRT）</a>得到：</p>