Base64 Image Converter

About BASE64 Image Encoding

Base64 encoded images can be embedded using img tags or CSS, speeding up load times for smaller images by preventing additional HTTP requests. This can be done to build single-file mockups / demo pages for your clients, HTML email signatures that will not trigger the nasty "show images" warning in email clients, etc.

Supported Formats

This tool supports the most common image formats. These are .jpeg, .png, .gif, .webp, .svg and .bmp.

How to convert

Just select image and get convertd text. This tool is works on client side so we don't get your images.

How to use converted base64 image

You can use the base64 encoded string as a value of the src parameter, using a data:image/... construct. Your HTML code should look like this:

<img src="data:image/jpeg;base64,/9j/4RiDRXhpZgAATU0AKgA..." width="100" height="50" alt="base64 test">

You can use the base64 encoded string as a CSS background image, too. Simply feed the url() parameter with data:image/... Your CSS code should look like this:

.yourClass { background: url('data:image/jpeg;base64,/9j/4RiDRXhpZgAATU0AKgA...'); }