Hello, I have 2 questions :
I have read through the page on how to use images on Shopify, but I have not found a definitive list of images sizes for all types of pictures so that they render optimally.
Question 1- I would like to know the optimal size for the banner images (both homepage and for product categories)
With regards to the color profiles, I have followed your instructions and removed the color profiles in photoshop, but the banner images are still quite dull and lifeless compared to the images I upload.
They seem to be ok for product images, but the banners are strange.
Question 2 - I'm wondering if Shopify is adding some sort of grey gradient over the top banner images. If so, how can I remove it so that my banners are vibrant?
Freddie here from the Shopify Support team, happy to help.
The answers to both of your questions, are entirely dependent on the theme you are using and what the settings of that theme are. Our platform does not by default put any gradient on top of photos or the slideshow banner, so if you do see this happening on your storefront, it would be a setting within the theme you're using itself.
As for the recommended sizes of your photos, this will also be dependent on the theme you're using and what image sizes it calls for. Which theme are you using? If you're using a third party theme (any theme that isn't downloadable for free from our Themes store) you would want to reach out to the developer of the theme you're using to see what they recommend will work best. However, for simply adding in product photos, you can find our standard recommended dimensions here.
If you are indeed using a free theme from our Themes store, we will have documentation for your theme within our help docs that will give you these dimensions. You can simply go to our help docs and search for your theme title, and it will pop up!
If you're wanting to ensure that you're uploading your images in the best recommended sizes so your theme is running at optimal speeds, I'd recommend you to read through this document here. In most cases, slow page speeds are caused by either images or apps, but it can still be caused by a number of different things. There are a few excellent tools that you can use that can help you determine what could be causing your theme to run slowly, and here are the two we recommend you to try:
This blog post also gives some great advice and information on how to optimize your theme to ensure that it's performing to the best of it's abilities.
Let me know if this information is helpful, and if you have any more questions! Happy to help!
Shopify Support - email@example.com