BASE64编码简介

　　BASE64是一种常用的可逆编码形式，常用于把二进制编码转换为字符形式的数据。编码后的字符串包含a-z、A-Z、0-9、+、/，共64个字符。64个字符需要用6位来表示，从0开始表示成数字0-63。【其实共有65个字符，“=”是填充字符，后面会说到。】

码值	字符	码值	字符	码值	字符	码值	字符
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	/

此时，长度为3个字节的数据经过编码后就会变成4个字节。

例：

　　字符串“QUT”经过编码后就会变成“UVVU”。

Q								U								T
0	1	0	1	0	0	0	1	0	1	0	1	0	1	0	1	0	1	0	1	0	1	0	0
U						V						V						U

　　长度为3的字节数位数为3×8=24，刚好可以分成6×4。但如果数据的字节数不是3的倍数，则其位数就不是6的倍数，那么需要就不能精确地划分成6位的块。此时，需在原数据后面添加1个或2个零值字节，使其字节数是3的倍数。然后，在编码后的字符串后面添加1个或2个等号“=”，用以表示所添加的零值字节数。

例：

　　字符串“QU”经过编码后就会变成“UVU=”。

Q								U
0	1	0	1	0	0	0	1	0	1	0	1	0	1	0	1	0	0	0	0	0	0	0	0
U						V						U						=

　　字符串“Q”经过编码后就会变成“UQ==”。

Q
0	1	0	1	0	0	0	1	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0
U						Q						=						=

BASE64加密常用于HTML内嵌Base64编码图片。

　　前端在实现页面时，对于一些简单图片，通常会选择将图片内容直接内嵌在页面中，避免不必要的外部资源加载，增大页面加载时间，但是图片数据是二进制数据，该怎么嵌入呢？绝大多数现代浏览器都支持一种名为Data URLs的特性，允许使用BASE64对图片或其他文件的二进制数据进行编码，将其作为文本字符串嵌入网页中。以百度搜索首页为例，其中语音搜索的图标是个背景图片，其内容以Data URLs形式直接写在CSS中，这个css内容又直接嵌在HTML页面。

BASE64编码简介

　　Data URLs 格式为：url(data:文件类型;编码方式,编码后的文件内容)。但如果图片较大，图片的色彩层次比较丰富，则不适合使用这种方式，因为其BASE64编码后的字符串非常大，会明显增大HTML页面，影响加载速度。

相关推荐