Techiepugs
Open the tools Theme guides

Shopify image sizes

Shopify slideshow image size.

A slideshow takes its shape from one setting, and in many themes from its first slide. Make every slide the same size, wide enough for the largest screen, and check your theme's own figure below.

Checked against Shopify's pages

The short answer.

Make every slide the same dimensions, at the width your theme asks for. Shopify's help notes that many free themes size a slideshow to its first slide when the height is set to adapt, so a slide with a different ratio gets cropped or leaves a gap. In Dawn the slideshow requests files up to 3840 px wide.

Shopify itself gives no slideshow pixel size. Theme vendors do: the table below lists each one we found.

Slideshow image size, at a glance
Shopify's fixed size None: the section sets the shape Shopify Help Center
Slides Same dimensions for every slide Shopify Help Center: a slideshow set to adapt matches its first slide
Widest file Dawn requests 3840 px Dawn's theme code
Dawn's height settings Adapt to first image, small, medium or large Dawn's theme code
Largest file Shopify takes Stay under 20 MP and 20 MB Shopify's pages disagree; stay under the lower one: 20 MP on the theme images page, 25 MP on the product media and Files pages.

Check your image.

Drop your file in to see its size, shape and format against these numbers. Pick your theme to add its vendor's own size.

Drop images here

Up to 20 at a time. Images are read and resized in this page by your browser, not uploaded to our server.

Shopify on a slideshow or banner

  • Shopify publishes no pixel size: the section sets the shape and crops anything else, so check your theme's documentation. Shopify Help Center Source
  • Dawn's image banner and slideshow request files up to 3840 px wide for a full-width section. Dawn's theme code Source
  • Banners about 1920 px wide; a hero 1280 x 720 (16:9). Shopify blog only Source
  • Shopify's pages disagree; stay under the lower one: 20 MP on the theme images page, 25 MP on the product media and Files pages. Shopify's pages disagree Source

Pick your theme above to add the sizes its own documentation gives.

Your images

No images yet. Choose or drop one to check it.

    Dawn and Shopify's free themes.

    Dawn's slideshow has four height settings (adapt image, small, medium, large). "Adapt" sizes the whole slideshow to the first slide's ratio, which is why the rest should match it. Like the image banner, it requests files up to 3840 px wide.

    What theme vendors publish.

    Each size as the vendor's own documentation gives it, checked October 23, 2026. Themes change between versions, so check yours against its documentation too.

    Slideshow image size: theme vendor sizes
    ThemeImageSizeVendor notes
    Impulse, Motion, Expanse and Streamline Slideshow and hero 2880 x 1620 px Heroes, slideshows, collection headers, 16:9; minimum 1440 x 810.
    Impulse, Motion, Expanse and Streamline Slideshow on phones 800 x 800 px Minimum, 1:1.
    Empire Slideshow on desktop 2880 x 1000 px Medium height; Small 2880 x 800, Large 2880 x 1200, Fit screen 2880 x 2880.
    Empire Slideshow on phones 600 x 600 px Medium; Small 600 x 500, Large 600 x 700, XL 600 x 800.
    Icon Slideshow and hero 2880 x 1620 px Slideshow, banner, parallax; 16:9; minimum 1600 x 900.
    District Slideshow and hero 1500 x 600 px All slides identical size (article updated Dec 2020).
    Loft Slideshow and hero 700 x 900 px "Slideshow with promotions" with the slide next to featured links; above the links use 1920/1480/1280px wide; mobile hero 760 x 1250; double sizes for text-heavy images. Article may describe older Loft versions.
    Venue Slideshow and hero 1400 x 788 px Minimum, 16:9; mobile image 800 wide.
    Turbo Slideshow and hero 1600 x 1000 px Slideshow; image with text overlay 1800 x 1000.
    Flex Slideshow and hero 1600 x 1000 px Slideshow with text; image with text overlay 1800 x 900.

    Symmetry, Showcase, Envy and Capital publish no fixed pixel sizes: their vendors say to upload the largest image you have, or give ratios only.

    Vendor pages

    Getting it right.

    1. Crop every slide from the same frame

      Export all slides from one canvas size in your editor, so they share both the width and the ratio. A slideshow that jumps in height from slide to slide looks broken.

    2. Plan for phones

      On a phone the slide is often cropped to a squarer shape. Keep the subject in the middle third, or use the theme's separate phone image if it has one.

    3. Fewer slides, faster page

      Each slide is another large file. Two or three strong slides load faster than six, and the first one carries most of the weight.

    4. Text goes in the editor

      Write the headline and button in the slide's settings rather than in the picture, so it reads on every screen size.

    Slideshow image size questions.

    What size should Shopify slideshow images be?

    The size your theme documents, the same for every slide. For Dawn, 3840 px wide covers its largest request. Paid themes give their own sizes, from 1600 x 1000 px (Turbo and Flex) to 2880 x 1620 px (Impulse and Icon).

    Do all slides need to be the same size?

    Yes, in practice. A slideshow has one height, often set by the first slide, so a slide with another ratio is cropped or shows bars. Style Hatch and Clean Canvas both tell their customers to keep slides identical in size.

    What does "adapt to first image" do?

    It makes the slideshow the shape of its first slide. Shopify's help describes it for many free themes. Every later slide is shown in that same shape, so make them all match.

    What size are slideshow images on phones?

    It depends on the theme. Some crop the desktop slide; others take a separate phone image, such as Impulse at 800 x 800 px or Empire at 600 x 600 px for its medium height.

    Other image sizes and sources.

    Checked

    Shopify's pages

    Check every image before it goes live.

    Drop in product photos, banners, logos and favicons together, check each one and save a resized copy.

    Open the image size checker All image sizes