可以开始使用
浏览器本地 · 无需账号 · 结果留在当前页面
拖放图片到这里,或点击上传
Supported format: JPG / PNG / WEBP / GIF, max 5MB
基于当前公开实现,文件会作为浏览器 Data URL 读取。Base64 输出可能比原始文件大很多。
图片转 Base64 可以把小图片编码成可复制的文本。
它适合小图标、邮件模板、测试数据、HTML 示例和无需额外文件的预览。
清晰输入
准备好要处理的需要嵌入的小图片或图标,避免混入不相关内容。
确认输出用途
先确认结果要用于发布、调试、估算、整理还是交付,再选择合适参数。
复核关键边界
结果适合快速处理和初步判断,重要场景仍应按目标平台、团队规则或业务口径复核。
示例
把一个 2KB 的图标转换为 Data URL,嵌入 HTML 示例。
假设
输入图片较小,用户需要便捷复制而不是长期托管。
限制
Base64 会增加文本长度,大图会让 HTML 或 CSS 变得很重。
先压缩和缩尺寸
Base64 会让体积变大,小图标、占位图和邮件片段适合,完整大图不适合直接内联。
确认目标环境
HTML、CSS、JSON 和 Markdown 对 Data URL 的支持不同,复制前先看要贴到哪里。
不要处理敏感图片
Base64 不是加密,任何拿到字符串的人都可以还原图片。
适合小图内联
小图标、占位图、邮件片段和 CSS 背景可以内联,文章大图和封面图不建议这么做。
体积会增加
Base64 字符串通常比原始二进制更大,还会让 HTML/CSS 变长。
调试后考虑文件化
正式项目里,很多图片更适合作为静态资源,通过缓存和尺寸优化加载。
小图标嵌入
把小图标直接放进示例代码。
邮件模板
快速测试嵌入图片效果。
开发调试
生成 Data URL 测试输入。
离线示例
减少演示文件依赖。
适合大图片吗?
不适合。大图片转换后会产生很长的文本。
会上传图片吗?
不会。编码在浏览器中完成。
可以复制 HTML 吗?
可以,页面会提供便于使用的输出形式。
Base64 会压缩图片吗?
不会。它是编码格式,不是压缩工具。
图片转 Base64 会变小吗?
通常不会。Base64 文本一般比原文件更大,适合小图内联而不是大图优化。
Base64 图片安全吗?
Base64 不是加密,拿到字符串的人可以还原图片,不适合隐藏敏感图像。
适合大图片吗?
不适合。大图片转换后会产生很长的文本。
会上传图片吗?
不会。编码在浏览器中完成。
可以复制 HTML 吗?
可以,页面会提供便于使用的输出形式。
Base64 会压缩图片吗?
不会。它是编码格式,不是压缩工具。
图片转 Base64 会变小吗?
通常不会。Base64 文本一般比原文件更大,适合小图内联而不是大图优化。
Base64 图片安全吗?
Base64 不是加密,拿到字符串的人可以还原图片,不适合隐藏敏感图像。
推荐流程
小图片嵌入流程
先压缩或调整图片,再转换为 Base64。