工具大全
Back

Image to Base64

Drop an image here or click to select

Supports JPG, PNG, GIF, WebP, SVG — processed locally

Notes

  • • All processing is 100% local — your image never leaves the browser
  • • Base64 encoding increases file size by ~33% — use Data URLs for embedding in HTML/CSS
  • • For large images, prefer external hosting (e.g. CDN) over base64 embedding

使用指南 / 为什么使用此工具 / 常见问题

使用指南

拖入或点击选择图片(JPG、PNG、GIF、WebP、SVG 均支持),Base64 结果即时生成。选择输出格式(纯 Base64、Data URL、CSS background、HTML img 标签或 Markdown),然后复制或下载。

为什么使用此工具

图片转 Base64 后可以直接嵌入 HTML、CSS 或 Markdown,无需任何图床托管。适合邮件模板、内联 CSS、单文件文档、原型里的 data URI 和小图标。全程本地处理,图片不离开设备,比上传型转换站更快也更私密。

常见问题

支持哪些图片格式?
浏览器能读取的所有格式均支持:JPG、PNG、GIF、WebP、SVG、BMP、AVIF 等。
PNG 怎么转 Base64?
把 PNG 拖进工具即可,Base64 字符串立即生成。Data URL 输出会保留原始 MIME 类型(data:image/png;base64,...),JPG、GIF、WebP、SVG 同理。
Base64 图片怎么用在 HTML 或 CSS 里?
选择「HTML img 标签」或「CSS background」输出格式,工具会生成完整代码片段,直接粘贴到页面或样式表即可。
Base64 输出为什么比原图大?
Base64 编码会使文件体积增加约 33%,这是将二进制数据嵌入文本格式的代价。
什么情况不适合用 Base64 图片?
大图或多页复用的图片。Base64 增加约 33% 体积且无法独立缓存,最适合 10KB 以内的小图标和 logo。
图片会上传到服务器吗?
不会。所有处理均使用浏览器的 FileReader API,图片不会离开您的设备。