Image to Base64 Encoder cho LLM Vision

Khi nào cần encode ảnh sang base64?

• LLM Vision API: Claude, GPT-4V, Gemini Vision đều nhận ảnh dạng base64 trong JSON request.
• Inline CSS: background: url(data:image/png;base64,...) — không cần HTTP request thêm cho ảnh nhỏ.
• Email HTML: nhúng logo, ảnh nhỏ vào email mà không cần host.
• Test API local: gửi ảnh test trong Postman/curl mà không cần upload server.
• Backup nhanh: lưu ảnh dưới dạng text trong note, paste lại sau.

Cách dùng với Claude API

POST https://api.anthropic.com/v1/messages
{
  "model": "claude-sonnet-4-7",
  "messages": [{
    "role": "user",
    "content": [
      {
        "type": "image",
        "source": {
          "type": "base64",
          "media_type": "image/jpeg",
          "data": "/9j/4AAQSkZJRgABAQAAAQ..." // base64 từ tool này (KHÔNG có prefix data:)
        }
      },
      { "type": "text", "text": "Mô tả ảnh này" }
    ]
  }]
}

Lưu ý: Claude cần base64 thuần (KHÔNG có prefix data:image/...;base64,). Bỏ checkbox "Include data: URI prefix" để có chuỗi sạch.

Cách dùng với OpenAI GPT-4V

OpenAI ngược lại — dùng data URL có prefix:

{
  "type": "image_url",
  "image_url": {
    "url": "data:image/jpeg;base64,/9j/4AAQ..." // CÓ prefix
  }
}

Lưu ý kích thước

• Base64 lớn hơn file gốc ~33% (4 ký tự cho 3 byte).
• Web production: chỉ dùng cho ảnh < 100KB. Lớn hơn nên dùng URL thật + cache.
• API LLM: Claude limit ~5MB base64, GPT-4V ~20MB.
• Tool giới hạn 10MB cho an toàn.