What is Base64 encoding?

Base64 is a way to represent binary data (like images) as a text string. It is commonly used to embed images directly in HTML, CSS, or JSON without needing a separate file reference.

Should I include the data URI prefix?

Include it when embedding in HTML (e.g. ). Use raw Base64 only when the receiving system expects just the encoded data without the prefix.

What formats are supported?

Any image format your browser can read: JPG, PNG, WebP, GIF, SVG, and more. The MIME type is automatically detected from the file.

Will the Base64 string be very long?

Yes — Base64 encoding increases data size by about 33%. A 100KB image produces roughly 133KB of Base64 text. The character count and approximate size are shown below the output.

Image to Base64

Convert any image to a Base64 encoded string. Toggle the data URI prefix and copy with one click.

Your files never leave your device

Drop your image here or browse

Supports JPG, PNG, WebP, GIF, SVG, and more

How to Image to Base64

Drop your image file onto the upload area or click to browse.
The Base64 string appears instantly in the output box.
Toggle "Include data URI prefix" depending on your use case.
Click Copy to copy the full string to your clipboard.

Why Use This Tool?

Base64 encoding lets you embed images directly in HTML, CSS, email templates, or JSON payloads without requiring a separate file or URL. This is useful for single-file HTML documents, data URIs in CSS, API payloads, and more. The encoding happens entirely in your browser.

Image to Base64

How to Image to Base64

Why Use This Tool?

Frequently Asked Questions