图片转成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 @ 2022-08-26 11:29  歇歇吧  阅读(5355)  评论(0编辑  收藏  举报