面向 Web 的图片工具

将图片转换为 Base64.

把本地图片快速转换成可用于 HTML、CSS 和邮件模板的 Data URI。快速、私密,适合日常前端工作。

文件留在浏览器一次最多 20 个文件无需账号
Base64 转换器

从图片到代码,更顺手。

拖入素材,选择输出格式,复制你需要的代码片段。

等待添加图片0 个文件

拖入图片到这里

或从设备中选择

JPEGPNGWebPGIFSVG+ 更多
最多 20 个文件 · 本地处理
文本与 Base64 工具

文本转 Base64,Base64 还原,一起补齐。

支持 UTF-8 文本、纯 Base64 和图片 Data URI,全部在浏览器本地完成。

文本转 Base64

粘贴任意文本,包括中文和多语言内容,按 UTF-8 编码为 Base64。

输出等待输入文本
输入内容后生成结果。

Base64 还原

粘贴纯 Base64 或 Data URI,还原文本,或预览图片结果。

还原文本等待输入 Base64
输入内容后生成结果。
为前端工作流设计

小工具,少折腾。

从文件夹到代码库所需的内容都在一个界面里。

01

默认私密

使用浏览器 API 读取文件,不上传到服务器,也不存入账号。

02

复制正确格式

在 Raw Base64、Data URI、图片标签、CSS、Markdown 和 JSON 之间切换。

03

支持批量

最多排队 20 张图片,逐个检查,也可复制或导出整个批次。

使用方法

几秒钟从本地文件变成可用代码。

转换器使用浏览器内置的 FileReader 与 Canvas API,不需要后端等待。

  1. 01

    放入图片

    选择一个文件,或一次添加一批素材。

  2. 02

    调整输出

    可选缩放、优化,并选择所需格式。

  3. 03

    复制使用

    把生成的片段复制到项目、文档、邮件或原型中。

FAQ

转换前常见问题

关于 Data URI 和浏览器本地处理的实用说明。

What is a Base64 image?

A Base64 image is an image represented as text inside a data URI. It can be embedded directly in HTML, CSS, JSON, Markdown, or email markup.

Are my images uploaded?

No. The conversion happens locally in this browser tab using FileReader and Canvas. Closing the tab clears the working session.

Which formats are supported?

JPEG, PNG, WebP, GIF, SVG, BMP, ICO, TIFF, AVIF, and HEIC files can be read as data URIs. Browser decoding determines which formats can also be previewed or optimized.

Should I use Base64 for every image?

No. Data URIs are best for small interface assets, email templates, embedded demos, and portable snippets. Larger images are usually better as separate optimized files.

让交付更简单。

不用离开当前工作流,也能编码下一张图片。

打开转换器