Language
English

Base64 Image

Base64 and image conversion

Upload Image
📁

Click to select an image, or drag it here

Supports PNG / JPEG / GIF / WebP / SVG / BMP

Image Preview
🖼️

Preview will appear here after uploading

togotools.top technical reference

Technical reference

Convert images to Base64 and back, locally in your browser. Upload via drag, click, or paste. Preview images with metadata (dimensions, type, size). Supports copy Base64 and download image.

Core features

  • Image to Base64: upload via drag-and-drop, click to select, or clipboard paste.
  • Base64 to image: paste Base64 string or Data URL for live image preview.
  • Image metadata: dimensions (W x H), MIME type, file size, filename.
  • Copy Base64 encoding and download image file.
  • Auto-detects image format: supports PNG, JPEG, GIF, WebP, and more.

Example: Base64 encoding

Base64 encoding converts images to text format, suitable for inline use in HTML, CSS, or JSON. Data URLs can be used directly as img src attributes.

text
data:image/png;base64,iVBORw0KGgoAAAANSUhEUg...

Preview: shows original image
Metadata: 800x600 | image/png | 24.5 KB

Limits

  • Base64 encoding increases data size by approximately 33%, not suitable for large files.
  • Pasted Base64 strings may include or omit the data: prefix; the tool auto-completes it.
  • Supported image types depend on the browser, typically including PNG, JPEG, GIF, WebP, SVG.

Frequently asked questions

How much larger does the file become after Base64 encoding?

Base64 uses 4 characters to represent 3 bytes, so data size increases by approximately 33% (4/3 ratio).

Can I use the generated Base64 directly in HTML?

Yes. Use the data:image/...;base64,... Data URL format directly as the src attribute of an img tag to display the image inline without additional requests.