Base64 Image Encoder

Upload or drag & drop an image to generate base64 representations: Data URL, Markdown image, HTML <img> tag, CSS background-image, and JSON string value. All processing is done locally in your browser.

How to use this Base64 Image Encoder

  1. Click the upload area or drag & drop an image file
  2. Preview your image and see file details
  3. Choose from different output formats using the tabs
  4. Copy the generated base64 code to your clipboard
  5. Use in your HTML, CSS, Markdown, or JSON projects

Upload Image

Click to upload or drag & drop
Supports JPG, PNG, GIF, SVG, and WebP images