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,图片不会离开您的设备。