Home /
Tools /
Image & Media /
Base64 Image Encoder

🖼️

Image & Media

Base64 Image Encoder

Convert images to Base64 data URIs for inline embedding.

Workspace

Run the tool here

Browser utility

Image file

Max 2 MB — PNG, JPEG, WebP, GIF or SVG.

Output

Run the workspace to see the response here.

How to use

Select a small image file.
Review the encoded size — data URIs grow by about a third.
Copy the data URI and use it where an external request is undesirable.

About this tool

Convert an image file to a Base64 data URI for inline CSS or HTML, with the encoded size shown before you commit.

Base64 Image Encoder is part of the TmpMailer Image & Media set — free browser utilities that open instantly, need no account, and pair well with a temporary-email workflow when you just need a quick result.

Common use cases

Inlining a small icon to avoid a request.
Embedding an image in a standalone HTML file.
Passing an image through a text-only API field.

Common questions

When should I avoid data URIs?

For anything beyond a few kilobytes. They inflate HTML, cannot be cached separately and block parsing.

Which formats work?

Any file can be encoded, but browsers only render formats they support, such as PNG, JPEG, WebP, GIF and SVG.

Does encoding compress the image?

No. It increases size. Compress the image first, then encode.

Related tools

🖼️

SVG to PNG Converter

Convert SVG vector graphics to PNG images.

🎨

Color Picker

Pick colors and get HEX, RGB, HSL, and CMYK values.

🌈

CSS Gradient Generator

Create beautiful CSS gradients with a visual editor.

📦

CSS Box Shadow Generator

Create CSS box shadows with a visual editor.

🖼️

Image to WebP Converter

Convert images to WebP format for better web performance...

🖼️

Placeholder Image Generator

Generate placeholder images with custom text and dimensi...