Inline images for a blur placeholder

[markvital]

Hi there,

I was wondering if it’s possible to inline blur placeholders as Base64 data URLs to reduce load time?

In my current project, I display 50 images in a grid on each page. Loading 50 placeholder images via HTTP as separate files seems to create unnecessary overhead. It would be great if this plugin could support inlining these placeholders to improve performance. I couldn’t find an option for this feature in the existing implementation.

Here’s an example of the current behavior:

And here’s what I’d love to see:

Thanks for considering this feature request!

[Niels-IO]

Hi @markvital,

I thought about this feature a while ago, and I don't think it's possible in the way this library works currently. The library would need to modify all occurrences of ExportedImage and change the source code itself.

The only way I can think of is, that the library spits out a JSON file of the image file names as keys and the base64 placeholder images as values.

[markvital]

Hi @Niels-IO,
Makes sense, thank you for the update.

Do you know any ready-made workarounds that I can use without switching to another library?