图片⇋Base64编码转换

转换后的base64编码:


一、图片在线转换成Base64编码

Base64格式:data:[][;charset=][;base64](data:image/……)
1、将上传本地图片在这里是生成图片的Base64编码
2、将网络图片在这里是生成图片的Base64编码
3、将标准的base64图片编码还原出图片
				
.box{
    background-image: url("data:image/jpg;base64,/2w/43QrZF...");
}
				
				

				
图片base64格式的优点和缺点
优点:
1、网页中使用base64格式的图片时,能减少htt请求的次数,优化页面的加载速度;
2、能降低服务器资源的消耗,理由:base64格式的图片属于文本格式,因而仅仅占用很少的内存,仅为图片时的1/3;
缺点:
1、生成base64格式后,文本内容较多,不适合存储在数据库中;
2、由于生成base64格式的内容太多,所以加载网页的速度会降低,可能会影响用户的体验;
3、base64格式的图片无法缓存,虽然可以缓存包含base64文本的文件如:js或css,但这达不到一般图片缓存的效果;
建议:
图片base64编码的优点很让人青睐,但其缺点也不容忽视,建议较小的图片可直接转为base64编码格式,比如一些表情图片、小图标等。