New Plugin: Responsive Image Pro (for PageSpeed and Image quality)

Showcase Plugins
1

Dear Bubblers,

I just released a new plugin called Responsive Image Pro (still in development). It generates optimized responsive images (<picture> markup) with support for multiple formats (webp, jpeg, png, etc.), multiple widths, DPR (retina) displays, and blur-up placeholders for smooth loading. Goal: improve performance and PageSpeed scores in your Bubble apps.

→ Plugin page
→ Demo

I’d love to hear your feedback and see how it works in real projects. Please try it out and let me know what you think, especially if you have specific needs around image handling. I can give the plugin for free if you are willing to help me :raising_hands:

Also, if you’re interested, I’ve built other plugins that might help you:

Thanks in advance for testing and sharing your feedback!

1 Like
2

Quick update: Responsive Image Pro is now live on the Bubble marketplace :tada:
→ Plugin page
→ Demo

It’s free for early testers – I’d love your feedback before finalizing development. Please give it a try and let me know what you think!

3

Important question
Right now, by default, the generated <picture> HTML uses image from my server but these are not persistent, they will expire (404) after a few hours.

To get stable URLs, the plugin can upload the images to your Bubble File Manager and generate an HTML code with persistant URLs from bubble, but this only works if your app is on a Professional plan (or higher) with the Data API enabled.

Alternatively, you can manually upload the generated images to Bubble File Manager or your DB. Then you need to update the URLs in the generated HTML - I can provide an extra action that takes the generated HTML + your own uploaded URLs and outputs a corrected HTML with those URLs.

Question: is it absolutely necessary that I offer persistent hosting, or would this workflow be enough for you? (this will have an impact on the price and I will probably need to limit the amount of images.