[分享]图片转换成Base64代码 Duri me

分类:应用接口| 发布:camnprbubuol| 查看: | 发表时间:2013/7/10

优化网页的一个小方案就是把小图标转换成base64代码,特别是在手机端的app中,应用很广。

Duri me是一个在线将图片转换成Base64代码的在线应用,无需注册完全免费使用。

正常情况下我们发布一篇文章要插入图片,首先要上传图片,然后再调用图片。

现在你只要将图片上传到Duri me,Duri me会将你的图片转换成代码,我们只要复制Duri me生成的代码到文章内就可以实现图片显示。

Duri me

 CSS代码:

.camnpr {background:url('data:image/png;base64,iVBORw0KGgoAAA...K5CYII=') no-repeat;}

使用方法:

登陆网站后,把图片拖入网页中的上传框内,然后点击“Generate Base-64 Code”开始转换,转换成功后就可以复制代码自由使用了。

copy code as image 复制直接插入文章就可以显示图片,

copy code as css 复制可以插入CSS文件内调用,

copy code as base64 复制图片的base64代码,可以随意使用。

Duri me

传送门:http://duri.me/

365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/archives/online-converting-images-into-base64-code-duri-me.html