Embed images as data/base64 in a div block

Question

Is it good practice to embed images as data/base64 in a div block ?

<div style="background-image" url(data:image/png;base64, ...)></div>

Use like this `
' – Sudipto Bhattacharya Aug 07 '23 at 05:49 — Sudipto Bhattacharya, Aug 07 '23 at 05:49

score 1 · Accepted Answer · answered Aug 07 '23 at 05:49

1

Yes i think, this has some cool benefits.

this improves offline access of image .
this eliminates the need for separate HTTP requests for each image. This can potentially improves page load times, especially for small images.

answered Aug 07 '23 at 05:49

Gururaj

... and it can also be absolutely counter-productive, if the same image is used across multiple pages - because then you eliminate any possibility of properly _caching_ the image. – CBroe Aug 07 '23 at 07:56

1 Answers1