Blurry collections banner | Need step by step image design with specifics such as pixels, file size,

We have tried designing collections banner using different pixels with raw original files taken from DSLR with pixels 5504 * 8256 and reducing it to 20482048, 2500600 and many more. Yet the collection banner, on being uploaded, appears blurry.

Please share step by step guide for clear banner designing.

1 Like

Have you tried designing with canva

I did. The original file is designed via that only. But when its uploaded, the issue comes in.

All the above is a pretty generic advice. Need more specific data points to get it.

We are using dawn theme. Image size is 2048*1024 px. Attaching sampe images before and afetr upload.

Pls suggest specific changes in resolution, pixels etc.

Above image is BEFORE upload

Above image is AFTER upload

Hi there, @SPORTS-VILLA . Thanks for taking the time to reach out to the Shopify Community with your blurry banner image question! My name is Imogen. It’s good to meet you!

Though we can’t advise on an exact image size that always works, we do have some suggestions around pixel dimensions that you can use are good starting points to get your image appearing how you would like. The suggestions are as follows below:

  • Try using 1200px as a base width
  • For a small banner, try 475px
  • For a medium sized banner, try 489px
  • For a larger mage, try 775px

Of course, these are just suggestions, and you will need to tweak things to ensure you get your image appear as desired. Hopefully these suggestions help!