Base64 IconBase64 转换器

文字编码与解码

图片编码与解码

Base64 介绍

Base64 编码是一种常用的二进制到文本的转换方法,它将每 3 个 8 位的字节(共 24 位)转换为 4 个 6 位的字节(同样是 24 位)。然后,这 4 个 6 位的字节前面各补 2 个 0,形成 4 个完整的 8 位字节。当输入数据的字节不是 3 的倍数时,Base64 使用 0 进行填充,并可能在编码的结果末尾添加 1 或 2 个' = '字符作为填充标识。为了确保编码后的文本是可读的,Base64 定义了一个包含 64 个字符的编码表,这也是“Base64”这个名字的来源。

Base64 编码表

码值字符码值字符码值字符码值字符
0A16Q32g48w
1B17R33h49x
2C18S34i50y
3D19T35j51z
4E20U36k520
5F21V37l531
6G22W38m542
7H23X39n553
8I24Y40o564
9J25Z41p575
10K26a42q586
11L27b43r597
12M28c44s608
13N29d45t619
14O30e46u62+
15P31f47v63/

Base64 使用的好处

  • 文本化二进制数据:Base64 编码可以将二进制数据转换为纯文本格式,这使得数据可以在不支持二进制传输的系统(如电子邮件)中进行传输。
  • 简化数据:通过 Base64 编码,数据可以被简化为只包含 ASCII 字符,这样可以确保数据在各种系统和协议中都能被正确解析。
  • 安全传输:Base64 编码可以作为一种简单的数据混淆手段,虽然它不提供真正的加密安全性,但可以防止数据被轻易阅读。
  • 数据嵌入:Base64 编码常用于将小的二进制数据(如图片)嵌入到文本文件或 HTML 中,从而避免额外的 HTTP 请求。

Base64 在 HTML 和 CSS 中的使用

在 HTML 中的使用

在 HTML 中,Base64 编码常用于嵌入图像数据,从而避免额外的 HTTP 请求。这是通过使用"data URL"实现的。

<img src="data:image/png;base64,iVBORw0...(base64 编码的数据)" alt="描述">

在 CSS 中的使用

在 CSS 中,Base64 编码可以用于嵌入图像数据到样式表中,这样可以减少外部资源的请求,提高页面加载速度。

.background-icon { background-image: url(data:image/png;base64,iVBORw0...(base64 编码的数据)); }

注意: 虽然 Base64 编码可以减少 HTTP 请求,但它会增加 HTML 或 CSS 文件的大小。因此,最好只对小的图像或资源使用 Base64 编码。

隐私说明:此网页工具交互不会收集任何您的隐私数据。