Add srcset + sizes Support to Image UI

Feature Request
1

Wappler’s Image component currently only supports a single src, which makes proper responsive images harder than they should be. It would be great to have native UI fields for:

  • srcset (multiple image variants with width descriptors)
  • sizes (optional, for layout‑based selection)

This would massively improve responsive workflows, performance, and Lighthouse scores — and avoid having to hand‑edit code that breaks Design View.

Even a simple multi‑row input for srcset + a text field for sizes would be a huge upgrade.

2

That is already available:

Screenshot 2026-05-11 at 16.29.06
Screenshot 2026-05-11 at 16.29.06475×344 8.33 KB

3

Thank you Teodor, this is well hidden. I already had Lazy loading configured:

image
image517×300 9.12 KB

Now I go down to Dynamic Events and under Images I see Loading:

image
image514×267 15.8 KB

Which gives me the option to dynamic data binding:

image
image607×126 5.95 KB

I then go to Display and there I find Lazy Load, all of this is happening while I am searching for a way to create a srcset

image
image512×450 18.9 KB

From your illustration I now know that I need to choose Lazy Load to get to where I want, full well conscious of the fact that I had already chosen Lazy Load under Image Properties.

My destination:

image
image509×235 5.47 KB

Not a very intuitive solution.

4

Ben, this is based on a custom component, that’s why it is located there. It’s also been well documented a few years ago.

5

Thank you Teodor, please read my post regarding a smart-image component. I need a bit of assistance.