This tools converts an image to Base 64 Data Encodings specification (RFC 4648). Base64 is a group of schemes that encode binary to text. This represents binary data in an ASCII strong format. Translation is done via radix 64.
The data URI provides a way to include your image in-line in web pages as if they were external resources. You can embed the image data directly into the document with data URIs.
data:[<mime type>][;charset=<charset>][;base64],<encoded data>
Embedded images should be stored in cacheable files such as flat, not dynamic, HTML and style sheets. Data URI style sheets should be cached long term, rename the file on each update.
The file size increases by approximately 30% which may be offset by serving as part of a compressed (gzip / deflate) file.
<img src="data: image/gif;base64,data: image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
Programming can be fun, so can cryptography; however they should not be combined.Kreitzberg and Shneiderman