数据安全提示: 所有文本和图片数据均在您的浏览器本地处理,不会上传到服务器。
Base64转换工具
CryptoJS 4.1.1
当前操作:文本 → Base64编码
输入文本
字符数: 0
选择图片
拖拽或点击选择图片
支持 JPG, PNG, GIF, SVG, WebP 格式,最大 50MB
转换结果
转换结果将显示在这里...
等待输入...
长度: 0
使用示例
"hello" → Base64
aGVsbG8=
"Hello World!" → Base64
SGVsbG8gV29ybGQh
"中文测试" → Base64
5Lit5paH5rWL6K+V
"aGVsbG8=" → 解码
hello
Base64算法原理
Base64字符集
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
p
q
r
s
t
u
v
w
x
y
z
0
1
2
3
4
5
6
7
8
9
+
/
共64个字符,加=作为填充字符
编码过程示例 ("Man")
| 步骤 | 字符 | ASCII | 二进制 | Base64值 | 字符 |
|---|---|---|---|---|---|
| 1 | M | 77 | 01001101 | 19 | T |
| 2 | a | 97 | 01100001 | 22 | W |
| 3 | n | 110 | 01101110 | 5 | F |
| 4 | 46 | u |
结果:TWFu
编码原理详解
1. 将字符串转换为二进制:
"Man" → ASCII: 77 97 110
→ 二进制: 01001101 01100001 01101110
2. 将24位数据分为4组,每组6位:
010011 010110 000101 101110
3. 将每组6位转换为十进制:
19 22 5 46
4. 根据Base64字符表映射:
T W F u
5. 最终结果:TWFu
Base64应用场景
图片内嵌 (Data URL)
将图片直接嵌入HTML/CSS,减少HTTP请求,提升加载速度。
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==" />
电子邮件附件
Base64用于编码二进制附件,确保在SMTP协议中安全传输。
JSON Web Tokens (JWT)
JWT的三个部分(Header、Payload、Signature)均使用Base64URL编码,在URL中安全传输。
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c
CSS数据URI
在CSS中使用Base64编码的背景图片,减少外部资源请求。
.icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+);
}
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+);
}
API数据传输
Web API中常使用Base64传输二进制数据(如图片上传),兼容JSON文本格式。
数据库存储
将二进制数据(如文件、图片)编码为Base64后存入数据库文本字段,简化存储逻辑。
加密令牌
一些加密密钥和令牌使用Base64表示,方便打印和传输。