📷 Base64 字符串 → 图片预览
无效的 Base64 图片数据，请检查输入内容
📄 图片文件 → Base64（拖拽转换）
点击选择图片 或将图片拖拽到此处
支持 PNG、JPEG、WebP、GIF、BMP、SVG 等格式
📚 Base64 编码与 AI API 图片格式
什么是 Base64？
Base64 是一种将任意二进制数据编码为纯 ASCII 文本的方案。它使用 64 个可打印字符（A-Z、a-z、0-9、+、/）将每 3 字节原始数据映射为 4 个字符，使二进制内容可在只支持文本的协议（如 JSON、HTML、电子邮件）中安全传输。
Data URL 格式
格式：data:[MIME类型];base64,[Base64数据]
示例：
data:image/png;base64,iVBORw0KGgoAAAANSUhEUg...
data:image/jpeg;base64,/9j/4AAQSkZJRgAB...
data:image/webp;base64,UklGRlYAAABXRUJQ...
示例：
data:image/png;base64,iVBORw0KGgoAAAANSUhEUg...
data:image/jpeg;base64,/9j/4AAQSkZJRgAB...
data:image/webp;base64,UklGRlYAAABXRUJQ...
主要 AI API 图片传入方式
| API | 支持方式 | 格式要求 |
|---|---|---|
| OpenAI GPT-4o / GPT-4V | URL 或 Base64 | JPEG、PNG、GIF、WebP，最大 20MB |
| Anthropic Claude | Base64（media type） | JPEG、PNG、GIF、WebP，最大 5MB |
| Google Gemini | URL、Base64 或 inline_data | JPEG、PNG、WebP、HEIC、HEIF |
| 通义千问 VL | URL 或 Base64 | JPEG、PNG，建议不超过 10MB |
Claude API 图片传入示例（Base64）
{
"type": "image",
"source": {
"type": "base64",
"media_type": "image/jpeg",
"data": "/9j/4AAQSkZJRgAB..."
}
}
"type": "image",
"source": {
"type": "base64",
"media_type": "image/jpeg",
"data": "/9j/4AAQSkZJRgAB..."
}
}
OpenAI API 图片传入示例（Base64）
{
"type": "image_url",
"image_url": {
"url": "data:image/jpeg;base64,/9j/4AAQ..."
}
}
"type": "image_url",
"image_url": {
"url": "data:image/jpeg;base64,/9j/4AAQ..."
}
}
Base64 体积对比
| 原始大小 | Base64 后 | 增大比例 |
|---|---|---|
| 100 KB | 约 133 KB | +33% |
| 500 KB | 约 667 KB | +33% |
| 1 MB | 约 1.33 MB | +33% |
| 5 MB | 约 6.67 MB | +33% |
各格式特点
| 格式 | 压缩类型 | 透明通道 | 适用场景 |
|---|---|---|---|
| PNG | 无损 | 支持 | 截图、图标、精确图形 |
| JPEG | 有损 | 不支持 | 照片、复杂场景（文件小） |
| WebP | 无损/有损均可 | 支持 | Web 图片，体积比 JPEG 小约 25-34% |
| GIF | 无损（256色） | 支持 | 简单动画 |
💡 AI API 使用建议：向 AI API 传图时，建议先将图片压缩到合理尺寸（长边不超过 2048px），再转为 Base64。过大的图片不仅消耗更多 token，还可能因超出 API 文件大小限制而报错。JPEG 格式通常是照片类图片的最佳选择，可在质量和体积间取得平衡。