图片转Base64编码

工具简介

把图片转成 Base64 编码，支持四种输出格式。拖拽或点击上传图片，立刻得到编码结果。适用于前端开发中内嵌图片、邮件嵌入图片、CSS 背景图等场景。

功能说明

Data URI：生成可直接在 src 属性中使用的完整 Data URI，包含 MIME 类型前缀。

Base64 纯文本：输出不含前缀的纯 Base64 字符串。

CSS：生成 background-image 样式代码，包含图片尺寸信息。

HTML：生成 <img> 标签代码，可直接粘贴到页面中使用。

使用方法

上传图片：点击虚线区域选择文件，或将图片直接拖入页面，支持同时处理多张图片。

选择格式：通过下拉菜单切换输出格式，四种选择即时生效。

复制编码：点击图片下方「复制」按钮，将编码结果复制到剪贴板。

下载保存：点击「下载」按钮将编码保存为文本文件，也可一键下载全部图片的编码。

隐私说明

图片处理完全在浏览器本地完成，不会上传到任何服务器。无需注册登录，不存储用户数据。

常见问题

Base64 编码会让图片变大吗？ 会。Base64 编码后的文本体积比原始二进制文件大约 33%，适合小图标和缩略图使用。

适合多大的图片？ 建议处理 100KB 以下的图片。过大的图片编码后文本过长，会影响页面加载速度。

Data URI 和纯 Base64 有什么区别？ Data URI 包含 data:image/png;base64, 前缀，可直接作为图片源使用；纯 Base64 只有编码内容，适合需要拼接或自定义前缀的场景。

为什么选择这个工具？