Hello Support,

I am creating my first website, and have a quick question.

I have some regular (non-slider, non-header) images that will need to appear on some pages across various sizes (desktop, tablet, smartphone, etc). In cases where these images are fine at larger breakpoint sizes (such as 1024 px), but are too large at smaller breakpoint sizes (such as 320 px), is it considered best to manually resize the existing images here inside RSD, or to delete these image and add resized versions back to the respective breakpoints?

Thank you.

If I understand the question, it is best to have all your images the same size before you ever add them to your slider. Not only will it make it easier to design your slider, you will not need to have multiple images that require any downloading for each breakpoint.

Hi Mr. Swedorski,

No, these would NOT be for sliders, just regular images used in the routine manner. As images initially added at desktop size page widths would likely be too large at smaller page widths (screen sizes), I was wondering if it would be best to resize these images within RSD at their respective breakpoints, or to delete the images, and add resized images back to their respective breakpoints.

Thanks

Rusty, I have two images on my home pg above the menu. When I shrink the pg down. The images shrink themselves. Then when you add break points and change the spans so that the images go vertical they then shrink themselves down again when shrinking the pg size. No need to add your own smaller images.
www.workhorsepainting.com

This was all done before responsive content slider came out. Was done in RSD with no need for the RCS. Just put the image elements in and put the pics in there in RSD.

I'm wondering about the same thing. It seems like it would be helpful for the mobile user to not have to load the full size image but load a cropped image for small screens. But I'm new to RSD so not up to speed yet with the program. Basically, should there be a small, medium, large version of each image?

The quick simple answer is yes if the large images for the higher breakpoints are of a considerable size, which would take a heavy download size for the mobile device users that are not using some sort of wifi.

I always do that with all my images nowadays as a natural thing to do, regardless of the sizes of the original image
In other words 1 large, 1 medium, 1 small

If the image you want to reduce doesn't look to good (sort of too small) then you could always crop the image at the smaller sizes to give the better impact/message etc

Thanks Wayan. So when you want to use a small version of your large image the process would be to select the appropriate breakpoint then replace the large image with the small image?

Yes that the go, then just do image width size adjustments as you feel necessary