工具介绍
1、本工具支持 PNG、JPG、JPEG、GIF、BMP 等常见图片格式。
2、将图片转换为 Base64 编码,方便在 HTML、CSS 与 HTML5 项目中直接嵌入使用。
3、图片仅在本地浏览器处理,不会上传到服务器。
Base64介绍
Base64 是一种基于 64 个可打印字符来表示二进制数据的表示方法,常用于文本环境中的数据传输与存储。
Base64 格式
data:[][;charset=][;base64],Base64 在 CSS 中的使用
.demoImg{ background-image: url("data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL...."); }Base64 在 HTML 中的使用
<img src="data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL...." />