base64图片

这是什么？

就是可以将一副图片数据编码成一串字符串

使用该字符串代替图像地址。 

 

这个格式有什么作用呢？一般是用于app的小图标的格式。

Base64目前主要用于HTML5、移动开发等不考虑IE6的场景中。

减少一个 HTTP 请求，适合小尺寸的图片。

若大尺寸的图片使用 base 64 的话，会导致数据太大，加载过慢。

 

怎么把图片转成这个格式呢？

通过base64图片编辑器，（可上网搜索），可以将图片转换成base64格式。

 1  http://tool.css-js.com/base64.html   一个直接可以把图片转为base64格式的链接。【非常不错 ，不过有点长】

2  http://www.vgot.net/test/image2base64.php?   另一个直接可以把图片转为base64格式的链接。　【总是上传不成功】　

　　编码：请选择你要转换成 Base64 的图片，并点击“编码”。不建议将“超过20KB”的图片编码使用，这样起到的反而是反作用。

 

目前对base64的一些看法：
　　

     【以下为转载自知乎黑猫。】

　　弊端主要不在于 base64 编码后比原图要大，

　　而是因为如果把大图片编码到 html / css 中，会造成后者体积明显增加，明显影响网页的打开速度。

　　如果用外链图片的话，图片可以在页面渲染完成后继续加载，不会造成阻塞。

　　如果 base64 是被编码到 css/js 中，是可以缓存的，因为 css/js 文件可以缓存。

　　使用 base64 的另外一个弊端是 IE 的兼容性问题。IE 8 以下不支持 data url，IE 8 开始支持 data url，却有大小限制，32k（未测试）。

　　还有一个问题是，如果构建工具比较落后（或者没有构建工具），手动插入 base64 是很蛋疼的，编辑器会卡到哭。

base64怎么用呢？

word天，原来网上已经有做过详细说明了，那我就拿来用了，大家看链接好了。

http://www.cnblogs.com/coco1s/p/4375774.html?utm_source=tuicool&utm_medium=referral