Categories
base64 html image inline rendering

How much faster is it to use inline/base64 images for a web site than just linking to the hard file?

How much faster is it to use a base64/line to display images than opposed to simply linking to the hard file on the server?

url(data:image/png;base64,.......)

I haven’t been able to find any type of performance metrics on this.

I have a few concerns:

  • You no longer gain the benefit of caching
  • Isn’t a base64 A LOT larger in size than what a PNG/JPEG file size?

Let’s define “faster” as in: the time it takes for a user to see a full rendered HTML web page