Recommended Image Dimensions for Banners

Why This Matters

Many merchants run into issues with banners being cropped which can be a hassle to deal with, but preventing this issue is as simple as matching your image’s aspect ratio to the height setting you choose. When the aspect ratio of the allocated image space is identical to your image aspect ratio, you ensure that no unwanted cropping would occur.

When adding banner images, choosing the right dimensions is essential for your site to feel polished.

Below are the recommended dimensions for each height option:

Height Setting	Optimized Dimensions (W × H)	Higher-Quality Dimensions (W × H)
3/4 of screen	1864 × 650	2479 × 864
2/3 of screen	1864 × 573	2479 × 762
1/2 of screen	1864 × 420	2479 × 559
1/3 of screen	1864 × 308	2479 × 410
750px	1864 × 750	2479 × 998
650px	1864 × 650	2479 × 864
550px	1864 × 550	2479 × 732
450px	1864 × 450	2479 × 598

The “Optimized Dimensions” are best for improving your site speed, but if a sharper look is what you are going after then consider using the “Higher-Quality Dimensions”.

Important Note

• You need to disable image parallax from Theme Settings > Layout as it zooms into the image to create a scrolling effect. This leads to unwanted cropping, so consider disabling the parallax effect if it doesn’t fit your store design.