图片转码(编码)成Base64字符串在线工具

为什么使用图片的Base64编码方式？

图片的Base64编码就是将图片转换编码成一串字符串，该字符串可以作为图片的替代方式。

那么为什么要使用这种方式呢？
通常我们会在网页上看到很多图片，而这一张张图片都是需要向服务器发送http下载请求的，当网页里边图片量很大时，大量图片的下载就会对服务器造成很大的压力，导致网页加载很慢。而图片的Base64方式能直接嵌入HTML或者CSS样式中，做到减少请求数，实现性能优化的目的。

Base64图片优缺点和使用场景？

优点：直接嵌入HTML或CSS样式中，减少HTTP请求，适合小尺寸的图片，某些文件可以避免跨域的问题。

缺点：图片base64编码后比原图要大，当图片很大时，会造成整个网页或者CSS文件很大，导致加载速度变慢。使用Base64的另外一个缺点是IE的兼容性问题。IE8以下不支持data url，IE8开始支持data url，但是对大小有限制(最大32K)。还有就是base64无法缓存。

场景：如果图片足够小且因为用处的特殊性无法被制作成雪碧图（CssSprites），在整个网站的复用性很高且基本不会被更新，图片在网站中大规模使用

Base64编码如何使用？

在HTML的<img/>标签中使用，示例如下：

<img src="data:image/png;base64,iVBORw0KGgoAAAA......" />

在CSS中使用，示例如下：

.demo {
	background: url('data:image/png;base64,iVBORw0KGgoAAAA......');
}