图片转成base64格式方法

1.将图片转换为Base64编码,可以很方便地在没有上传文件的条件下将图片插入其它的网页、编辑器中。

2.加入图片在线转base64的结果为"data:image/png;base64,iVBORw0KGgo=...",那么你只需要全部复制,然后在插入图片的时候,src地址填写这段代码即可。

3.CSS中使用:background-image: url("data:image/png;base64,iVBORw0KGgo=...");

4.HTML中使用:src="data:image/png;base64,iVBORw0KGgo=..."

5.将图片转换成base64编码的,一般用于小图片上,不仅可以减少图片的请求数量(集合到js、css代码中),还可以防止因为一些相对路径等问题导致图片404错误。

posted @   歇歇吧  阅读(5476)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Blazor Hybrid适配到HarmonyOS系统
· 万字调研——AI生成内容检测
· 解决跨域问题的这6种方案,真香!
· Obsidian + DeepSeek:免费 AI 助力你的知识管理,让你的笔记飞起来!
· 一套基于 Material Design 规范实现的 Blazor 和 Razor 通用组件库
点击右上角即可分享
微信分享提示