Developer Tool

Base64 Encoder

Encode any image to a Base64 data URI, or decode a Base64 string back to a viewable and downloadable image.

Using the Base64 Image Encoder & Decoder

Embedding images as Base64 strings eliminates the need for separate HTTP requests, which can speed up the loading of small UI elements or emails. This tool converts your image files into a high-density text string (Data URI) that you can paste directly into your code.

How it Works

Select the image file you want to encode.

Review the generated "Base64 String" or "HTML Snippet".

Copy the output for use in your CSS or HTML file.

Use the "Preview" box to verify the encoded data renders correctly.

URI prefix

Output will appear here

Your privacy is our priority. All processing happens locally in your browser — no data is ever sent to our servers.