图片转换成Base64字符串在线工具,在线将图片编码成Base64字符串,image转码base64,在线base64图片工具,在线裁剪图片并转换成Base64图片字符串工具,CSS DataURI Base64工具 | 您所在的位置:网站首页 › px怎么转换成um › 图片转换成Base64字符串在线工具,在线将图片编码成Base64字符串,image转码base64,在线base64图片工具,在线裁剪图片并转换成Base64图片字符串工具,CSS DataURI 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的标签中使用,示例如下: 在CSS中使用,示例如下: .demo { background: url('data:image/png;base64,iVBORw0KGgoAAAA......'); } |
CopyRight 2018-2019 实验室设备网 版权所有 |