How to optimize collection photos for all devices?

[Hansenlasse97]

Hi I need help with my collection photos.

When I insert a picture, it fits perfectly if you look at the website with an iphone. But if you are sitting at a computer then the image is zoomed in and over half of the image is not included due to the large zoom.

What size formats do you need for the images to look perfect no matter what device you use?

[KetanKumar]

@Hansenlasse97 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[Hansenlasse97]

Thanks  

my webshop https://whitesport.dk/collections/babolat-padel 

[KetanKumar]

@Hansenlasse97 

thanks for url can you please show me issue images?

[Hansenlasse97]

Do you have an email I can send it to? Can not attach the pictures here?

[KetanKumar]

@Hansenlasse97 

doesn't required sent email you have just attachment here

[Mac]

Hi, @Hansenlasse97! 

Thanks for reaching out in our Community forums and sharing your concern. I’m happy to help.

You mentioned that your collection photos are zoomed in and being cropped off when viewing your site on a desktop. Are you able to link the exact page where this is occurring? This will help me narrow down the issue and work toward a solution. When viewing your product page on desktop, the images fit perfectly: 

In terms of which size format is best depends on the theme that you select. On Shopify, you can upload images of up to 4472 x 4472 pixels with a file size of up to 20 MB. But it's recommended to use 2048 x 2048 pixels for product photos. These are high-resolution images that give your store a professional and well-rounded look with great zoom capabilities. More on this can be found on our Shopify Blog here. 

Feel free to reply back to this thread with any questions or updates and we can continue our conversation further!