图片 Base64 转换

图片与 Base64 Data URI 双向转换,可直接嵌入 HTML/CSS 使用

点击或拖拽图片到此处
支持 JPG、PNG、GIF、WebP、BMP,建议不超过 5MB
预览图

格式示例:data:image/jpeg;base64,/9j/4AAQ…(也可只粘贴纯 Base64 字符串)

解码图片
关于图片 Base64 转换
  • Base64 编码将二进制图片数据转换为 ASCII 字符串,可直接嵌入 HTML <img src="data:..."> 或 CSS background-image: url(data:...)
  • 适合小图标、背景图内联到代码中,避免额外的 HTTP 请求,提升页面加载速度
  • Base64 编码后体积约增大 33%,不适合大图片(建议 < 100KB)
操作说明
  • 图片转 Base64:拖拽或选择图片文件,点击「图片转 Base64」,复制输出的 Data URI
  • Base64 转图片:在文本框粘贴 Base64 字符串(含或不含 data: 前缀均可),点击「Base64 转图片」预览
  • 支持 Ctrl+Enter 快捷键触发图片转 Base64
注意事项
  • 建议图片文件不超过 5MB,过大图片生成的 Base64 字符串会非常长
  • Base64 字符串可以不包含 data:image/...;base64, 前缀,工具会自动补全
  • 所有处理均在浏览器本地完成,不会上传任何图片数据