If you’ve noticed that your product images look blurry in some section but appear clear on specific section like individual product page, you might need to work on the quality of the images. Despite Shopify’s helpful CDN that optimises images for you, there are still a few things you need to pay attention to. Here’s how you can fix it and improve your overall image quality.
Use a consistent aspect ratio
One of the most important steps is to ensure all your product images have the same aspect ratio.
This means the relationship between the width and height of your images should be consistent. When images have the same aspect ratio, they look uniform when displayed side by side.
If you’re not sure how to adjust aspect ratios, you can use Shopify built-in featured to help you with this task. The process will be:
- Access the Media Editor:
- From your Shopify admin, go to the media file that you want to edit.
- Click the pencil icon, or click the thumbnail to open the media editor.
- Crop the Image:
- In the media editor, click Crop and transform.
- To crop the image with a custom aspect ratio, click Freeform and adjust the highlighted area by dragging the corners or edges.
- To maintain the original aspect ratio, click Original and adjust the size as needed.
- To crop the image into a square, click Square and adjust the size.
- Save Your Changes:
- Click Apply to crop the image.
- When you’re done making edits, click Save.
Pay attention to image size and quality
High-resolution images are crucial for a professional-looking online store.
Shopify can handle images up to 5000 x 5000 pixels or 25 megapixels. However, keep in mind that large image should not be too large otherwise your site performance will be slow.
Conclusion
By following these steps, you should see a noticeable improvement in your product images across all sections of your Shopify store. If you’re still having trouble, it might be worth looking at your theme’s documentation or reaching out to a Shopify Partner for more personalised help.
