Back to Theme support

Image sizes and ratios

Themes will always look better when using high resolution images. When viewing a website on a Retina, 4K or greater screen the demands for image quality are much greater, low resolution images will suffer.

We recommend that you use JPG images due to their greater quality over other image formats. Where possible go big on images, the theme will handle loading the correct image for the content required.

 

Slideshow, banner images and parallax

Typically used for slideshow images, image with text overlay and banner images shown at full screen width.

Suggested ratio 16:9
Suggested size 2880px wide x 1620px tall
Minimum size 1600px wide x 900px tall

 

Gallery images, Blog posts

Typically used where you are using the image gallery, editorial content or adding featured images to blog posts

Suggested ratio 4:3
Suggested size 1600px wide x 1200px tall
Minimum size 800px wide x 600px tall

 

Product images

Every effort should be made to ensure that your images are a consistent aspect ratio, this will help to alleviate issues with the layout of your product grid. Although our themes do have tools to help keep an even grid, it pays to take time to ensure your images are good before uploading them.

Stores will have different requirements, some will prefer 1:1 square images and some a 4:3 horizontal landscape orientation. For optimal viewing on a mobile device a 3:4 ratio is preferred but not essential.

Suggested ratio 3:4
Suggested size 1500px wide x 2000px tall
Minimum size 900px wide x 1200px tall