图片转 Base64
图片转 Base64 编码工具
点击或拖拽图片到此处
支持 JPG, PNG, GIF, WebP 等格式
图片预览
说明
- 图片转换在本地浏览器完成,不会上传到服务器
- Base64 编码后的文件大小约为原始大小的 133%
- Data URL 可直接用于 HTML img 标签的 src 属性
图片转 Base64 使用说明
- 点击上传区域或拖拽图片文件到上传区域
- 工具自动将图片转换为 Base64 编码字符串
- 同时生成 Data URL 格式(data:image/xxx;base64,...),可直接嵌入代码
- 点击「复制」按钮复制 Base64 编码或 Data URL
- 可直接用于 HTML img 标签 src 属性或 CSS background-image 属性
本工具完全免费,无需注册登录,打开浏览器即可使用。
图片转 Base64 常见问题
图片转 Base64 有什么好处?
将小图片转为 Base64 编码后可以直接嵌入 HTML/CSS 代码中,减少 HTTP 请求数量,加快页面加载速度。特别适合图标、小图片等场景。
什么大小的图片适合转 Base64?
建议将 10KB 以下的小图片转为 Base64。大图片转 Base64 后体积会增大约 33%,且会增加 HTML/CSS 文件大小,反而影响性能。
Data URL 和纯 Base64 有什么区别?
Data URL 格式为 data:image/png;base64,xxxx,包含 MIME 类型信息,可直接作为图片 URL 使用;纯 Base64 只是编码字符串,需要额外处理才能作为图片使用。
所有浏览器都支持 Base64 图片吗?
所有现代浏览器(Chrome、Firefox、Safari、Edge 等)都完全支持 Data URL 和 Base64 编码的图片。IE8+ 也有限支持(最大 32KB)。