html 图片base64编码格式,css背景使用base64编码或者将base64编码放在img图片标签中...

css背景使用base64编码或者将base64编码放在img图片标签中

将图片转为base64编码然后放在css的background背景中使用或者放在前台 img 图片标签中直接使用

减少HTTP请求，加快小图像或者小图标的加载时间。

// Base64 在CSS中背景图使用

.diymenu {

background-image: url("https://i-blog.csdnimg.cn/blog_migrate/301d98c4c81b09f94bd269f33912ff8d.png");

}

// Base64 在HTML中的使用

经过Base64 编码后的文件体积一般比源文件大 30% 左右。

*请上传小于300KB的.jpg/.jpeg/.gif/.bmp/.png/.ico格式图片，不建议将大图转换。