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...');
}