Page 1 of 1

Images vs Pictures

Posted: Fri Jul 01, 2022 11:38 pm
by lpug
I've looked through the forum and understand that all your images should be resized for your largest breakpoint. If your images are in a layout grid can you manually scale them down if they look too big in smaller breakpoints? I.e disable full width and click image handles to resize? Or are we better off resizing in photoshop and reload new image in that breakpoint?

I'm still not sure when I should use images vs pictures. The difference is pictures can be different in each breakpoint correct?

Tha ks

Re: Images vs Pictures

Posted: Sat Jul 02, 2022 6:17 am
by Pablo
I do not recommend to disable full width for images in breakpoints, because then they will not longer scale automatically.

The difference between the image and picture object is explained here:
https://wysiwygwebbuilder.com/picture.html

Re: Images vs Pictures

Posted: Sat Jul 02, 2022 6:46 am
by lpug
Thanks Pablo, is that for all objects? By disabling full width will they no longer scale between breakpoints?

Re: Images vs Pictures

Posted: Sat Jul 02, 2022 10:23 am
by Pablo
Yes, however it not related to breakpoints. Full width means that the object has a flexible width inside a layout grid, instead of having a fixed width.
It does not mean that the object is not responsive.