首页 > 代码库 > 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图片
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。