广告位

在线图片转 Base64

适用于前端开发和邮件签名场景的图片编码工具,通过拖拽或粘贴即可将图片转为 Base64,支持 Data URI、CSS、HTML img 和 JSON 四种输出格式,并可启用压缩控制输出大小。

受 img64 启发的在线图片转 Base64 工具,支持拖拽、粘贴和点击上传,纯浏览器本地转换,支持多种输出格式。

拖拽图片到此处,或点击上传 或 Ctrl+V 粘贴

说明文档

这个工具受 img64 启发,可在线将图片快速转换为 Base64 编码。支持拖拽上传、粘贴图片和点击选择文件,输出格式包括 Data URI、CSS 背景、HTML img 标签和 JSON,还可根据需要启用图片压缩调整输出质量与尺寸。所有处理均在浏览器本地完成,图片不会上传到任何服务器。

核心功能

  • 拖拽图片上传、Ctrl+V 粘贴或点击选择文件
  • 输出格式:Data URI、CSS background-image、HTML img 标签、JSON
  • 可选图片压缩,调节质量与宽高上限
  • 显示文件名、大小、类型与像素尺寸信息
  • 一键复制编码结果
  • 纯前端本地处理,保障隐私安全

使用步骤

  1. 将图片拖入虚线区域,或点击上传,或使用 Ctrl+V 粘贴剪贴板中的图片。
  2. 上传后右侧会显示文件名、大小、类型与尺寸等基础信息。
  3. 如需要压缩图片,可勾选“启用压缩”并调节质量与最大宽度、高度。
  4. 在 Data URI / CSS / HTML / JSON 标签之间切换,查看不同格式的输出。
  5. 点击“复制”按钮将当前格式的编码内容保存到剪贴板。

适用场景

  • 邮件签名中嵌入小图标或头像
  • 网页中使用 Data URI 减少 HTTP 请求
  • CSS 背景图内联引用
  • API 请求中以 Base64 方式传输图片数据
  • 快速调试或原型开发中用 Base64 代替外部图片

注意事项

  • 支持 PNG、JPEG、GIF、WebP、SVG、BMP、ICO 等常见图片格式。
  • 建议文件大小不超过 20MB,超大文件可能拖慢浏览器性能。
  • 压缩为有损操作,建议在设计稿等需要精确色彩的场合关闭压缩。
  • 所有处理均在本地浏览器完成,文件不会上传到服务器。

最后验证时间:2026-05-10 源码出处:nutshot2000/img64

你可能喜欢