How To Use This Technique
Base64 images are commonly used on the web and are well supported across all major browsers. They are embedded into HTML documents and stylesheets through img
tag src
attributes or the url
property in CSS background-image
definitions.
Encoding images as Base64 is a quick way to reduce the number of additional HTTP requests your site needs to make. Even though encoded image files are larger than their source file, the reduction in requests still boosts your page load times.