Some time again I wrote an article on tips on how to Convert Picture to Information URI with JavaScript. It is a neat trick builders can use for any variety of causes. As an alternative of abusing canvas, nevertheless, why not merely get the base64 information from command line?

You need to use base64 and pbcopy to transform a file to base64 and duplicate it to the clipboard:

# base64 will get information, pbcopy copies to clipboard
base64 -i emblem.jpeg | pbcopy

After getting the file information copied in base64 format, the URL format to make use of the info is:

# information:{mime-type};base64,{information}
information:picture/jpeg;base64,/9j/4AAQSkZJRgAB......

Whereas base64 information and information URIs do look cryptic, they’re helpful to keep away from making requests to different recordsdata. I take advantage of them when creating displays or after I cannot rely on a good web connection.