图片转 Base64
将图片转换为 Base64 编码字符串，用于嵌入 HTML、CSS 或其他基于文本的格式中。
图片转 Base64 是一款专业的在线图片编码工具，可以将各种格式的图片文件快速转换为 Base64 编码字符串。Base64 是一种基于 64 个可打印字符来表示二进制数据的编码方法，广泛应用于网页开发、数据传输和嵌入式资源等场景。
通过 Base64 编码，图片可以直接嵌入到 HTML、CSS、JSON 等文本文件中，无需额外的图片文件请求，简化了资源管理和部署流程。本工具支持多种输出格式，满足不同开发场景的需求。
- 1
选择或拖拽图片
点击上传区域选择图片，或直接拖拽图片文件到上传区域
- 2
选择输出格式
根据使用场景选择合适的输出格式（Data URL、Base64、HTML 等）
- 3
复制或下载结果
一键复制编码结果到剪贴板，或下载为文本文件保存
Data URL
完整的 Data URL 格式，包含 MIME 类型信息，可直接用于 src 属性
Pure Base64
纯 Base64 编码字符串，不含前缀和类型信息，适合需要自定义格式的场景
HTML Tag
生成完整的 <img> 标签，可直接插入 HTML 文档
CSS Background
CSS 背景图片格式，可直接用于 background-image 属性
Markdown
Markdown 图片语法，适合在文档、博客和 README 中使用
邮件模板
将图片嵌入 HTML 邮件，避免图片被邮件客户端屏蔽
CSS 内联图标
将小图标转为 Base64 减少 HTTP 请求，提升加载速度
数据传输
在 API 接口中传输图片数据，无需文件上传
Canvas 绘图
在 Canvas 中使用 Base64 图片进行图形处理
移动应用
在移动端 WebView 中嵌入本地图片资源
多种上传方式
支持点击选择和拖拽上传，操作便捷快速
广泛格式支持
支持 PNG、JPG、GIF、WebP、SVG、BMP、ICO 等主流格式
多种输出格式
提供 5 种输出格式，满足不同开发场景需求
详细图片信息
显示尺寸、大小、类型等详细信息，方便优化决策
实时预览
棋盘格背景预览，透明图片效果一目了然
便捷导出
一键复制或下载为文本文件，轻松集成到项目中
文件大小考虑
Base64 编码会使文件大小增加约 33%。对于大图片，建议使用传统的文件链接方式，Base64 更适合小图标和装饰性图片（建议小于 50KB）。
浏览器缓存
Base64 图片嵌入在 HTML/CSS 中，无法被单独缓存。如果图片经常更新，建议使用外部链接，利用浏览器缓存提升性能。
SEO 优化
搜索引擎无法索引 Base64 图片内容。对于重要的内容图片，建议使用传统图片链接并添加 alt 属性以提升 SEO 效果。
性能影响
大量 Base64 图片会增加 HTML/CSS 文件大小，影响首屏加载速度。建议使用构建工具自动化处理，只对关键小图标使用 Base64。
兼容性支持
现代浏览器都支持 Base64 图片，但某些旧版浏览器可能对超长 Base64 字符串有限制，建议做好降级方案。
数据安全
Base64 编码不是加密，任何人都可以轻松解码。不要用 Base64 来保护敏感图片，如需安全传输请使用专门的加密方案。
其他工具
JWT 工具
免费在线 JWT 工具，提供 JWT 解析、验证、生成等功能，支持 HS256、RS256 等多种算法，简单易用。
MD5 加密
MD5 是一种广泛使用的密码散列函数，可以产生出一个 128 位（16 字节）的散列值（hash value），用于确保信息传输完整一致。
专业 Base64 编解码
Base64 是一种基于 64 个可打印字符来表示二进制数据的表示方法。常用于在 HTTP 环境下传递较长的标识信息。
UUID 生成器
为您的应用程序生成唯一标识符（UUID）。快速、安全、可靠。
摩斯密码工具
在线摩斯密码编解码工具，支持文本与摩斯密码的相互转换，并提供音频播放功能
邮箱加密工具
在线邮箱地址加密工具，将邮箱地址转换为Unicode编码格式，有效防止网页邮箱采集器。
URL 编码/解码
在线 URL 编码和解码工具，支持对 URL 进行编码和解码。
Unicode 转换工具
在 Unicode 编码、中文字符和英文字符之间进行转换，支持多种转换模式。