图片Base64
图片与Base64编码互转
拖拽图片到此处，或点击选择
支持 PNG / JPG / GIF / WebP
图片预览
解码后的图片将显示在这里
关于图片 Base64 编码
什么是图片 Base64？
将图片的二进制数据转换为 Base64 文本格式，可以直接嵌入到 HTML、CSS 或 JavaScript 中，无需额外的图片文件请求。
Data URI 格式
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==
使用场景
| HTML | <img src="data:image/png;base64,..."> |
| CSS | background: url(data:image/png;base64,...) |
| 邮件 | 内嵌图片，无需外部链接 |
| API | JSON 传输图片数据 |
注意事项
- Base64 编码后体积增加约 33%
- 小图片（<10KB）适合内嵌，大图片建议使用文件
- 无法利用浏览器缓存