图片 Base64 编码转换工具
将图片拖到此处,或者点击选择
支持 png, jpg, gif, webp, svg 格式为什么使用 Base64 编码?
Base64 编码的图片可以直接嵌入使用 <img> 标签或 CSS 中,通过减少额外的HTTP请求,加快小图片的加载速度。这可用于为客户构建单一文件的原型/演示页面、创建HTML电子邮件签名而不触发邮件客户端中令人不悦的 “显示图片” 警告等场景。
支持的图片格式
本工具支持最常用的图片格式,支持 png, jpg, gif, webp, svg 格式。
将Base64用作图片源
您可以使用base64编码的字符串作为src参数的值,采用data:image/...的结构。
通过点击 “复制 HTML” 按钮,您可以获得示例代码并自动复制到剪贴板上。
您的HTML代码应如下所示:
将Base64用作CSS背景
您也可以将 base64 编码的字符串用作 CSS 背景图片。只需在 url() 参数中使用 data:image/... 即可。
通过点击按钮,您可以获得示例代码并自动复制到剪贴板上。
您的CSS代码应如下所示: