• 欢迎访问佰阅部落
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

在线任意图片转Base64编码工具—永远删不了的图床

开发工具 佰阅 4年前 (2019-02-15) 2809次浏览 0个评论

实现原理

基础原理:Base64编码可用于在HTTP环境下传递较长的标识信息。

实现原理:既然图像格式.jpg在计算器里仅仅是一种编码方式,那么用转换为web通用的编码就可以实现图片的访问,因此,利用base64编码工具就可以将图片转换为一组编码,然后web里插入这段编码即可像图片一样输出结果。

演示

在线转换工具 : http://www.atool.org/img2base64.php

在线任意图片转Base64编码工具---永远删不了的图床

访问该网站,然后选择图片,输入后就会生成图片代码,复制base代码,然后再web中需要插图的地方插入:<img src="解析结果"> 即可。

  • CSS中使用:background-image: url(“data:image/png;base64,iVBORw0KGgo=…”);
  • HTML中使用:<img src=”data:image/png;base64,iVBORw0KGgo=…” />

小结

该方法可以无需本地存储图片的条件下显示自定义图片。适合比较简单的图像显示。


佰阅部落 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:在线任意图片转Base64编码工具—永远删不了的图床
喜欢 (0)

您必须 登录 才能发表评论!