Hi
According to the docs, the recommended product image is square and 1920x1920 px (for optimal quality). But how do you do it if you want to product images in landscape format?
Shopware creates a srcset for images, but I can not get it to work for the larger viewports (size). From a viewport of 768px, a landscape image is way to small.
Have tried all kind of sizes and settings for the image gallery. Checking the size of the image area, and it’s 454x251 px. Scaling that up to 1920x1057 - but still to small (see screen shoot).
Yes, I can change the Display settings for the image to „cover“ - with a potential risk to clip the image.
1920x1920 px (for optimal quality) might be the recommendation for the standard template.
Maybe a more general view: e.g. Apple’s Retina Display screens reduce image with factor 3 in the size. Thats the way to get sharp pictures on the screen. So 1920 px gets downsized to 640 px. If your width within the „container“ is lager than 640 px, a smaller picture will be displayed. Of course you can fill or scale it with css.
The „perfect“ size depends upon the display type in the listing and in the detail view. Thus 1920x1920 px does not have to be the recommended size!
The landscape image is rendered in the same width as the square image. According to the srcset attribute ( (min-width: 1200px) 454px ). This seems to be a bug in newer Shopware Versions (> 6.5).
and settings for the image gallery. Checking the size of the image area, and it’s 454x251 px. Scaling that up to 1920x1057 - but still to small (see screen shoot).
