How to speed-up your website using base-64 images

BASE-64 makes webpage faster

What does Base64 mean?

ANS:- Base64 is an encoding and decoding technique used to convert binary data to an American Standard for Information Interchange (ASCII) text format, and vice versa. It is used to transfer data over a medium that only supports ASCII formats, such as email messages on Multipurpose Internet Mail Extension (MIME) and Extensible Markup Language (XML) data.

"Base64 is also known as Base64 Content-Transfer-Encoding.

Why we use BASE-64 encoded images

Because Inlining images into HTML with base64. Many people are not aware that images can be inlined into html code. The method in which this is done is called base64 encoding. Base64 encoded images become part of the html and displays without loading anything instead of a web browser having to download the image.

If you want to convert your image/gif into base-64 then click-here

How to use base-64 in your website coding?

Step:1

Choose your IMAGE you want to Encode

Step:2

Go to the link

Step:3

Here is a BASE-64 encode opened in NOTEPAD.COPY IT ALL

Step:4

PASTE IT INTO src="data:image/jpeg;base64,<--base64 code--> "> attribute.

--ENJOY IT--