Base64 图片编码
使用免费的 Base64 图片编码工具,优化您的图片并在线将 jpg/png/gif/webp/svg/bmp 转换为 base64。
Loading...
特征
- 轻松上传本地图片
- 接受远程图片 URL
- 支持 .jpg、.jpeg、.png、.gif、.webp、.svg 和 .bmp
- 支持多种格式:数据 URI、CSS 背景图像、Html 图像等
- 生成现成的示例,让您轻松使用
- 100% 免费图像工具
重要提示
- 上传图片大小不得超过 10 MB
- 远程图像 URL 必须以 http:// 或 https:// 开头
- 图片类型必须为 .jpg、.jpeg、.png、.gif、.webp、.svg 和 .bmp
为什么采用 Base64 编码?
可以使用 img 标签或 CSS 嵌入 Base64 编码的图像,通过避免额外的 HTTP 请求来加快较小图像的加载时间。这可以用于为您的客户构建单文件模型或演示页面、不会触发电子邮件客户端中令人讨厌的“显示图像”警告的 HTML 电子邮件签名等。如何使用 BASE64 作为图像源或 CSS 背景图像?
对于图像源,您的 HTML 代码应如下所示:
对于 CSS 背景,您的 CSS 代码应如下所示:
.我的类{
背景:url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUg...');
}
背景:url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUg...');
}