DevToolBox無料
ブログ
Ad Space

画像Base64変換

画像をBase64文字列とdata URIに変換。PNG、JPG、GIF、SVG、WebP対応。

🖼️

Drop an image here or click to select

Supports PNG, JPG, GIF, SVG, WebP, ICO

About Image Base64 Encoding

Converting images to Base64 strings allows you to embed them directly in HTML, CSS, or JSON without separate image files. This is useful for small icons (under 10KB), email templates, and reducing HTTP requests. The trade-off is a ~33% increase in data size compared to the binary original.

Ad Space

How to Use

  1. Drag & drop an image or click to select a file
  2. View the Base64 string, data URI, HTML tag, and CSS snippet
  3. Copy any format you need
  4. Switch to 'Base64 → Image' tab to decode

Common Use Cases

  • Embedding small icons in HTML/CSS
  • Including images in email templates
  • Storing images in JSON/YAML configs
  • Reducing HTTP requests for small assets

Frequently Asked Questions

Ad Space