What Is Data Image Png Base64. To figuratively understand why base64 was invented imagine that during a phone call alice wants to send an image to bob. The encoding is needed because png images can contain bytes that are invalid inside a html document or within the http protocol even.
The method in which this is done is called base64 encoding. It also allow you to specify the length of base64 lines. Base64 is a encoding algorithm that allows you to transform any characters into an alphabet which consists of latin letters digits plus and slash.
Data image png base64 tells the browser that the data is inline is a png image and is in this case base64 encoded.
Optionally you can also prepend the data url meta information to create a valid image data uri. The original png image is 165kb in size but as base64 is 4 3 larger then the output size is 220kb. Uri and is applying the address found in a background image for a preview to a base href generating that funky link. The method in which this is done is called base64 encoding.
