• 欢迎访问佰阅部落,本站为优质开源程序分享站,所有自研项目均开源免费,可在Github查看源码。 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧
  • 欢迎积极参与讨论、反馈问题

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

图床 佰阅部落 9个月前 (02-15) 591次浏览 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)
佰阅部落
关于作者:
爱折腾,爱学习,我是一个Docker菜鸟,用心分享各种实用搭建教程,让优质web程序脱颖而出,欢迎订阅!

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