Base64 转换器
文字编码与解码
图片编码与解码
Base64 介绍
Base64 编码是一种常用的二进制到文本的转换方法,它将每 3 个 8 位的字节(共 24 位)转换为 4 个 6 位的字节(同样是 24 位)。然后,这 4 个 6 位的字节前面各补 2 个 0,形成 4 个完整的 8 位字节。当输入数据的字节不是 3 的倍数时,Base64 使用 0 进行填充,并可能在编码的结果末尾添加 1 或 2 个' = '字符作为填充标识。为了确保编码后的文本是可读的,Base64 定义了一个包含 64 个字符的编码表,这也是“Base64”这个名字的来源。
Base64 编码表
| 码值 | 字符 | 码值 | 字符 | 码值 | 字符 | 码值 | 字符 |
|---|---|---|---|---|---|---|---|
| 0 | A | 16 | Q | 32 | g | 48 | w |
| 1 | B | 17 | R | 33 | h | 49 | x |
| 2 | C | 18 | S | 34 | i | 50 | y |
| 3 | D | 19 | T | 35 | j | 51 | z |
| 4 | E | 20 | U | 36 | k | 52 | 0 |
| 5 | F | 21 | V | 37 | l | 53 | 1 |
| 6 | G | 22 | W | 38 | m | 54 | 2 |
| 7 | H | 23 | X | 39 | n | 55 | 3 |
| 8 | I | 24 | Y | 40 | o | 56 | 4 |
| 9 | J | 25 | Z | 41 | p | 57 | 5 |
| 10 | K | 26 | a | 42 | q | 58 | 6 |
| 11 | L | 27 | b | 43 | r | 59 | 7 |
| 12 | M | 28 | c | 44 | s | 60 | 8 |
| 13 | N | 29 | d | 45 | t | 61 | 9 |
| 14 | O | 30 | e | 46 | u | 62 | + |
| 15 | P | 31 | f | 47 | v | 63 | / |
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 编码。
隐私说明:此网页工具交互不会收集任何您的隐私数据。
工具信息
评论区 0
发布评论
暂无评论
期待你的评论
发条评论表达你的想法吧