An image is worth a thousand words, but it's also worth a boost conversions. There is nothing worse than stretched, improperly sized, or inconsistent images. It's a dead give away to visitors that your site isn't professional and therefore not trustworthy.
When you visit a quality ecommerce site, their images and thumbnails always seem to line up in a nice grid, right? The trick is maintain a consistent aspect ratio. That's the ratio of the width to the height of an image or screen. So maybe you're not up on your geometry, so I'll make it simple for you: you just need to make all of your product images square.
Maintain the correct aspect ratio in Photoshop is surprisingly easy, just hold down the shift key down while cropping or making a selection to maintain an aspect ratio. The crop tool can also be set to to a square for example. Remember to keep your photo centered.
Here's a step by step:
- Select the Crop tool
- In the options bar, set the aspect ratio to square or 1:1
- Drag over the part of the image you want to keep to create a marquee.
- To complete the crop, press Enter (Windows) or Return (Mac OS), click the Commit button in the options bar, or double-click inside the cropping marquee.
After that, save your image at its maximum resolution and upload to Shopify. A properly setup theme will resize your image for you, so it's worthwhile to upload a large image and let Shopify figure out the rest.