Hello,

Thank you for this interesting question.

Lets clarify the situation.

1. Any responsive wordpress theme (or any web-site) will scale images with CSS to make them look correctly on any resolution. And our Basel theme is not an exception.

2. Actually you have a full control over images sizes on your web-site and there are no sizes hardcoded in theme files.

3. So you can simple decrease images dimensions in Woocommerce / Settings / Products / Display. And it depends on your shop page layout what width and height should be there. For example if you have 4 columns shop page layout without sidebar try to set 280×500 without hardcrop and regenerate all thumbnails. Then check with gtmetrix and see the result.

4. If you want to have different images size on your home page so you can specify it for “Products” element with Visual Composer separately.

Kind regards