编码实际的图像字节
选择一张图像并打开编辑器以查看其编码形式。
编码保留的内容
编码会读取所选文件，而不会调整大小或重新压缩。其现有的图像数据、元数据和动画字节将保留在 Base64 字符串中。预览仅用于识别，不用于重新创建输出。编码改变的是字节的表示方式，而非图像内容。
创造卓越作品
图像转 Base64 转换器.
将 PNG、JPG、WebP 及其他图像转换为 Base64、数据 URL、HTML 或 CSS。预览、复制代码或下载文本文件。编码过程在您的设备上完成。
广告
广告占位符响应式 · 自动尺寸响应式 · 自动尺寸468 × 60最高 320 × 100最高 300 × 50
PNG, JPG, JPEG, WEBP, GIF, BMP, AVIF
您的原始文件保持不变。
您的图像已准备就绪
下载完成的文件。
选择您的图像以开始。图像
广告
广告占位符响应式 · 自动尺寸响应式 · 自动尺寸468 × 60最高 320 × 100最高 300 × 50
将图像转换为 Base64 且不改变其字节
将图像转换为 Base64、数据 URL、HTML 图像或 CSS 背景。预览源图像，选择代码格式，然后复制或下载文本文件。编码过程在您的设备上运行。
快速视频教程
How to encode an image as Base64 or HTML
Choose an image, select HTML image code and download the encoded image as a text file.
英语旁白
观看视频
功能与控制
选择您的项目所需的代码
在数据 URL、纯 Base64、HTML 图像和 CSS 背景之间切换。
选择代码格式
数据 URL 包含图像 MIME 类型和 base64 前缀。纯 Base64 仅包含编码后的字节。HTML 图像将数据 URL 包装在带有空 alt 属性的 img 标签中，您应为其填充有意义的内容。CSS 背景将其包装在 background-image 声明中。请使用接收代码的应用程序所预期的格式。
复制代码或将其下载为文本
复制图标使用共享的视觉确认。
复制和 TXT 下载
选择代码上方的复制图标，将当前选定的表示形式放入剪贴板。点击“开始”将打开带有 TXT 文件的下载页面。文本文件名将保留您的图像基本名称并添加 -base64。如果剪贴板访问被阻止，文本将被选中，以便您可以手动复制。
嵌入前检查大小
编辑器会显示图像大小以及生成的代码大小。
为什么 Base64 通常更大
Base64 通常会增加约三分之一的原始字节数，外加任何数据 URL 或 HTML/CSS 包装器。它对于小型嵌入式资产和自包含文档很有用，但它不是图像压缩。大型嵌入式图像会使 HTML 或样式表难以维护，且无法与包含它们的文件分开缓存。
保持本地转换工作流
图像编码和解码不需要上传。
支持的文件和限制
支持的格式包括 PNG、JPG、WebP、GIF、BMP 和 AVIF，具体取决于您的浏览器是否支持预览。图片大小不得超过 25 MB、60 百万像素或单边 16,000 像素。此光栅转换器特意不接受 SVG 标记。
文件与处理
- 输入
- PNG、JPG、WebP、GIF、BMP 或 AVIF 图片
- 输出
- 包含数据 URL、纯 Base64、HTML 图片或 CSS 背景的 TXT
每个文件最大 25 MB。 每次运行仅限一个输入文件。
单张图片最大支持 25 MB、60 百万像素及单边 16,000 像素。
所选图片在浏览器中读取并编码，无需上传即可进行转换。
此工具在您的浏览器中处理并导出文件。下载的图像是一个独立文件；您设备上的源文件不会被覆盖。
刷新编辑器或下载页面将返回工具页面。 在开始新工作流之前，请先下载结果。 查看我们的 隐私政策 以了解文件处理方式。
常见问题
温馨提示
开始前的一些解答。
在您的设备上编码会降低图片质量吗？
不会。编码保留了原始字节，不会调整大小、压缩或重绘图片。
为什么 Base64 字符串比图片本身大？
Base64 使用四个文本字符来表示三个输入字节，因此在添加包装器或前缀之前，通常会增加约三分之一的大小。
GIF 动画会被保留吗？
是的。编码保留了原始 GIF 字节，包括动画。预览时可能只显示静态帧，但编码数据保留了所有帧。
Base64 对私密图片安全吗？
Base64 不是加密。如果底层图片是私密的，请妥善保管该字符串。转换器本身在您的浏览器中进行本地处理。
广告
广告占位符响应式 · 自动尺寸响应式 · 自动尺寸468 × 60最高 320 × 100最高 300 × 50