Image to Base64
Convert images to Base64 data URLs via drag & drop or file picker.
Drag & drop an image here, or
Image to Base64 converts any image file into a Base64-encoded data URL you can embed directly in HTML, CSS, or JSON. The conversion uses the browser's FileReader API — no upload required.
Frequently Asked Questions
What image formats are supported? +
Any format supported by your browser — JPEG, PNG, GIF, WebP, SVG, BMP, AVIF, and more.
What is the difference between the data URL and Base64 only? +
The data URL includes the data:image/png;base64, prefix needed for HTML/CSS. The Base64-only version strips that prefix for use in APIs or storage that handle the MIME type separately.
Is there a file size limit? +
There is no hard limit, but very large images (>5 MB) will produce very long Base64 strings. Base64 encoding increases file size by ~33%.
How to Use
- 1
Upload an image
Click "Choose File" or drag and drop an image (JPEG, PNG, GIF, WebP, or SVG) onto the upload area.
- 2
Get the data URI
The tool instantly encodes the image as a Base64 data URI (data:image/png;base64,...).
- 3
Copy and embed
Copy the data URI and use it in an HTML <img src="...">, CSS url(), or JSON payload to embed the image without an extra HTTP request.
Frequently Asked Questions
- A data URI embeds image data directly as text: data:image/png;base64,iVBORw.... This lets you use the "image" in HTML <img src> or CSS background-image without a separate HTTP request.