NO BUG: Responsive image module and background image

Hey guys,
I’ll post it here as I think it’s a bug.

I did some tests with the image and background module and found a problem.

When using the background image it works perfectly, it is possible to set the image quality and change the image for each breakpoint, it works perfectly.

But using the image module it is not applying the settings in the breakpoint, the generated image resolutions appear, but if you set a desktop resolution with 1280px and go to mobile and put 480px 480px is applied to all screens, it is not changing by breakpoint , is applying the resolution that is set to all screens, I think this is a bug.

I know that bricks automatically chooses the size for each screen, but sometimes I like to set it manually and if it has the option to choose it, it should be applied as the background.
And the image module also doesn’t change image by breakpoint as background image, but I don’t know if I have to activate something in bricks, but as far as I’ve read I found nothing about it.

It would be good to adjust the background image module, when an image is set on the desktop, the image and size appear, but if you go to another breakpoint, neither image nor size appears, having to choose another image, it would be good if it applied the same image, making it possible change the size, or change the image as you already do.

Well that’s all for now.

Hi Thiago,
Thanks so much for your report!

This is not a bug. The img tag uses srcset, so that depending on the available space the optimal image size is used (if available). With the setting you set the default size that makes the most sense at this point - the rest is handled automatically.

In the case of background-images there is no srcset that handles the image sizes automatically. Therefore you can set the image sizes per breakpoint manually.

Best regards,
timmse

Hi timmse,
Thank you very much for the answer, I spent a long time researching how to make this configuration in the image before opening this report, and that’s why I found nothing, because it is not possible to make this change, it would be nice to be able to change the image by breakpoint, this would avoid having to duplicate the image and hide it on each device, but if it’s to work like this then it’s fine.

I particularly liked using a background image, I prefer to create a container or div and put a background image, but I’ve seen videos of people saying that it’s not good practice that it’s best to put an image and use it as a background image, so I’m using image instead of background.

Thank you very much for your attention.

Success.