Image to Base64 Encoding

Encode images into Base64 strings

Features

Supports both files and URLs

Encode both local image files and image URLs on the web

Supports 11 output formats

Output in various formats such as data URLs, img tags, and CSS backgrounds

Toggle data URI format

Switch output between prefixed data URLs and Base64 data only

Copy each format individually

Copy the output format that fits your purpose individually with one click

How to Use

Choose the input method via tabs

Pick an image on the File tab, or enter an image URL on the URL tab

Convert with the run button

Press the run button to encode the image into a Base64 string

Choose an output format to use

Check the data URI format toggle and copy or download the output for your purpose

Use Cases

Speed up embedded images

Embed small images directly into HTML or CSS to reduce the number of loads

Prepare images for email

Embed images directly into HTML email to display them without external references

Set up a favicon

Set a favicon without an external file using the Link tag format output

Pass images via API

Store images in API requests or responses in JSON or XML format

Basic Knowledge

Advantages and Disadvantages of Converting Images to Base64

Base64-encoded images can be embedded directly in HTML or CSS, which reduces requests for retrieving small icons. However, the data size increases to approximately 1.33 times the original, and browser caching becomes less effective, making it unsuitable for large images.

Why Data Size Increases by Approximately 1.33 Times

Base64 works by replacing every 3 bytes of data with 4 alphanumeric characters, so the resulting string is always approximately 1.33 times (or 33% larger than) the original data size.