What size images should I upload for slideshows, heroes, gallery images, etc.?
In many cases, you can find recommended image dimensions throughout the theme settings for the various areas where images are required. For cases where this information isn't provided, or if you'd like to access a single resource for this information, here are some basic rules of thumb for image sizing:
Slideshow banners - 1600 x 500-800 px. Height doesn't matter too much as long as there is room for all the text you want. All slides should be the same size. If you are using full screen slides in Galleria for the column slideshow or hero, we suggest 1600 x 1200px for these images.
Gallery featured images - 800 x 600-1000 px - Again, height doesn't matter much as long as all images in the same row are the same height.
Rich Text/Video background images - 1600 x 1050 px
For the collection featured image, we suggest approximately 1600 x 400-800 px.
The size of images needed for your blog posts is dependent on the settings you use to layout your blog in theme settings. As a general rule of thumb, an image that will display full width on the page should be at least 1200px wide. If you are adding an image inline on a page or blog post that will have some text next to it, we would suggest 1000px wide. Height is up to your preference.
For product photos, we recommend that you upload images in as high resolution as possible. Shopify automatically creates multiple sizes for your product images and the theme uses the correct sizes for different areas of the site. For best results, all your product photos should be roughly the same dimensions, but if this isn't possible, our themes have maximum height settings for the product grid so they look uniform. You will either find these options in collection page settings, or possibly in the general Theme Settings under the "Product grid" heading.