选择图片:
点击选择图片,或将图片拖拽至此处
Base64值:
HTML:<img src="Base64值"> CSS:background-image: url("Base64值")
图片展示(图片右键另存为可下载):
使用帮助
  • 点击拖拽区域或直接将图片拖拽至区域内上传
  • 支持 PNG、JPG、GIF、WEBP、SVG、ICO 等常见图片格式
  • 上传后自动转换为 Base64 编码并显示
  • 点击复制按钮可分别复制 Base64 值、HTML 标签、CSS 背景图代码
  • 支持图片预览、查看尺寸、文件大小和类型
图片转Base64

图片转 Base64 工具可以将图片文件转换为 Base64 编码字符串,方便在网页中内联引用,减少 HTTP 请求,适合小图标、小图片的嵌入。

本站所有工具操作均在浏览器本地完成,数据不会上传到任何服务器,可放心使用。

输出格式

  • Base64 值:纯 Base64 字符串,如 data:image/png;base64,iVBOR...
  • HTML 标签:可直接使用的 img 标签,<img src="data:image/png;base64,...">
  • CSS 背景图:可直接使用的 background-image 代码

常见用途

  • 网页中嵌入小图标,减少 HTTP 请求
  • 邮件模板中嵌入图片,避免外链被拦截
  • 小程序或单文件应用中内嵌图片资源