Dear Technology Magazine

Dear Technology Magazine 📰 impressive tips and tricks with interactive tools and collection



Image to Base64 Converter

Base64 is an encoding algorithm that converts any characters, binary data, and even images or sound files into a readable string, which can be saved or transported over the network without data loss. Base64 is used to encode binary files such as images within scripts, to avoid depending on external files. Images encoded with Base64 can be embedded in HTML by using the <img> tag. This can help to increase the page load time for smaller images by saving the browser from making additional HTTP requests.

How to use base64 in <img> tag?

The <img> tag has a src attribute and contains the Data URL of the image. A Data URL is composed of two parts, which are separated by a comma. The first part specifies a Base64 encoded image, and the second part specifies the Base64 encoded string of the image. Add also an alt attribute.


<img src="data:image/png;base64,####################" alt="SEO TEXT" />


Simply replace #################### with the base64 output.



How to use base64 in Favicon?


<link href='data:image/icon;base64,####################' rel='shortcut icon' type='icon'/>

<link href='data:image/x-icon;base64,####################' rel='icon' type='image/x-icon'/>


Simply replace #################### with the base64 output.



Here you are getting world's simplest image base64 encoder. Just select your JPG, PNG, GIF, or BMP picture and press Convert to Base64 button, and you get a base-64 string.