图片⇋Base64编码转换
图片、Base64编码转换,图片在线转换成Base64编码
- 本地图片生成base64码
- 图片base64码还原图片
点击上传，或将文件拖拽到此处
转换后的base64编码：
下面输入图片的base64编码
开始转换
图片在线转换成Base64编码
Base64格式：data:[][;charset=][;base64]（data:image/……）
1、将上传本地图片在这里是生成图片的Base64编码
2、将网络图片在这里是生成图片的Base64编码
3、将标准的base64图片编码还原出图片
4、可以把.svg放矢量图形转为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编码格式，比如一些表情图片、小图标等。
1、网页中使用base64格式的图片时，能减少htt请求的次数，优化页面的加载速度；
2、能降低服务器资源的消耗，理由：base64格式的图片属于文本格式，因而仅仅占用很少的内存，仅为图片时的1/3；
缺点：
1、生成base64格式后，文本内容较多，不适合存储在数据库中；
2、由于生成base64格式的内容太多，所以加载网页的速度会降低，可能会影响用户的体验；
3、base64格式的图片无法缓存，虽然可以缓存包含base64文本的文件如：js或css，但这达不到一般图片缓存的效果；
建议：
图片base64编码的优点很让人青睐，但其缺点也不容忽视，建议较小的图片可直接转为base64编码格式，比如一些表情图片、小图标等。