For my product collection the size are not the same .

Store Design
,

Topic summary

A user is experiencing inconsistent product image sizes on their collection page. Initial attempts to fix this by resizing images through Shopify’s built-in editor resulted in blurry output.

Root Cause:
Simply resizing images creates display issues and blurriness across different screen sizes due to inconsistent original dimensions.

Recommended Solution:

  • Create all product images with uniform dimensions (suggested: 600x600px)
  • Use photo editing software like Photoshop to establish a fixed-size frame
  • Place product images within this standardized frame
  • This ensures consistent display across all devices and collection pages

Status: The issue remains unresolved as the user is seeking guidance on the best approach to standardize their images.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

I tried resizing the product pictures in edit pictures/ resize but they came out blurry … I also tried to edit it through theme edit, still nothing . Need help :tired_face: my website is fairteks.com

2

Hello @Fairteks ,

Resizing the image just makes it more blurry and out of proportion on other screens.

You should redo all your product images and try to design them to the same size. So your collection page will be the same on all devices.

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

1 Like
3

Thank you for that info , but what’s the best way to design them to the same size?

4

Hello @Fairteks

You can use some photo editor (like Photoshop) to create a frame with a fixed size (maybe 600x600px) and then put your image in it.
You can also refer to some Photoshop documents for easier editing.

Kind & Best regards,
GemPages Support Team