首页 > 代码库 > base64图片

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

 

base64图片