图片转Base64
将图片转换为Base64编码字符串、Data URI、HTML和CSS代码
纯浏览器处理，图片不上传服务器
拖拽图片到此处，或 点击选择文件，也可 Ctrl+V 粘贴
支持 JPG、PNG、WebP、GIF、BMP，最大 50MB
Base64 字符串
Data URI
HTML 代码
CSS 代码
什么是图片转Base64？
图片转Base64是将图片文件编码为Base64字符串的过程。Base64是一种用64个可打印ASCII字符表示二进制数据的编码方式。转换后的字符串可以直接嵌入HTML、CSS或JSON中，无需额外的图片文件请求。
Base64编码广泛应用于网页开发、数据传输和嵌入式图片等场景。本工具支持将图片转换为Base64字符串、Data URI、HTML img标签代码和CSS背景代码，方便开发者直接嵌入使用。
使用场景
图片转Base64在以下场景中非常有用：
- 将小图标嵌入CSS，减少HTTP请求
- 在HTML邮件中嵌入图片（邮件客户端不支持外部图片引用）
- 将图片数据存储在JSON或数据库中
- 在代码中快速预览图片效果
- 生成可直接使用的 HTML img 标签或 CSS background 代码
常见问题
Base64编码后文件会变大多少？
Base64编码会使数据体积增大约33%。例如一个3KB的图片编码后约4KB。因此建议只对较小的图片（如图标、小装饰图）使用Base64嵌入。
图片会上传到服务器吗？
不会。所有转换都在浏览器本地完成，使用FileReader API和Canvas API处理图片，不会上传到任何服务器。
转换后可以选择不同的输出格式吗？
可以。支持将图片重新编码为PNG、JPEG或WebP格式输出。JPEG和WebP还支持质量调节，可以在文件大小和图片质量之间取得平衡。
生成的代码可以直接使用吗？
可以。工具提供四种输出格式：纯Base64字符串、Data URI（可直接作为src使用）、HTML img标签代码、CSS background-image代码，复制后即可直接使用。