Techiepugs
Open the tools Theme guides

Shopify image sizes

Shopify logo size.

Shopify shows a logo at most 300 px wide in the header. Upload it about twice that, 600 px wide, so it stays sharp on high-density screens, and use a PNG with a transparent background.

Checked against Shopify's pages

The short answer.

Shopify's Help Center gives logos a maximum width of 300 px. The logo shows in the header on all pages and on the password page. Dawn lets you set the width from 50 to 300 px and requests the file at 1x, 1.5x, 2x that width, so 600 px wide covers the largest setting on sharp screens. That upload size is worked out from Dawn's code; Shopify does not state it.

Save it as a PNG: Shopify suggests PNG for logos, which keeps flat colors crisp and the background transparent.

Logo size, at a glance
Largest display width 300 px Shopify Help Center
Upload width for sharp screens 600 px Dawn's theme code: Dawn requests 1x, 1.5x, 2x the width
Dawn's logo width setting 50 to 300 px, 100 px to start Dawn's theme code
Format PNG, with a transparent background Shopify Help Center
Common logo shapes 400 x 100 px (4:1) or 100 x 100 px (1:1), about 1 MB at most Shopify blog only
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 logo

  • Logos display at most 300 px wide in the header. Shopify Help Center Source
  • Dawn asks for the logo at 1x, 1.5x, 2x its display width, so 600 px wide covers the 300 px maximum. Dawn's theme code Source
  • PNG suits logos: flat colors and a transparent background. Shopify Help Center 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.

    In Dawn the logo width is a slider in Theme settings, from 50 to 300 px in 10 px steps, starting at 100 px. Whatever you pick, Dawn asks for the file at up to twice that width, so a 600 px wide upload is sharp at every setting. The Horizon themes state no logo pixel size in their settings.

    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.

    Logo size: theme vendor sizes
    ThemeImageSizeVendor notes
    Empire Logo 200 x 80 px PNG; doubling for Retina (400 x 160) suggested.
    Icon Logo 512 x 512 px Suggested (max); minimum 250 x 250; upload ~2x the width set in the theme.
    Turbo Logo 400 x 100 px Main menu logo; mobile logo 100 x 50; footer logo 250 x 200.
    Flex Logo 600 x 200 px Main menu, overlay and mobile logo; footer 500 x 200.
    Pacific Logo 450 x 200 px PNG or JPG; for Retina upload ~600px wide and set 300px.

    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. Trim the empty space

      Crop the canvas tight to the logo. Padding inside the file makes the logo look small at the width you set, and the header adds its own spacing.

    2. Keep the background transparent

      A PNG with a transparent background sits on any header color. A JPEG brings its own white box with it.

    3. Use a separate mark for small spaces

      A wide wordmark shrinks to nothing on a phone header. Some themes take a separate mobile logo; otherwise a compact version reads better.

    4. SVG has a catch

      Shopify supports SVG logos, but they cannot be resized or cropped unless a flat format such as PNG is requested. A PNG at 600 px wide avoids the question.

    Logo size questions.

    What size should my Shopify logo be?

    About 600 px wide. Shopify displays logos up to 300 px wide, and themes like Dawn ask for twice the display width on sharp screens. Height follows from your logo's shape.

    Why does my Shopify logo look blurry?

    Usually the file is narrower than twice the width it is shown at. Upload a PNG at least 600 px wide, or export the logo at twice the width you set in the theme.

    Should my logo be a PNG or an SVG?

    PNG is the safe choice, and the one Shopify suggests for logos. SVG works in theme images, but Shopify notes it cannot be resized or cropped unless a flat format such as PNG is requested.

    Where does the logo show in Shopify?

    In the header on every page and on the password page, as Shopify's theme settings help describes. Set it in the theme editor under Theme settings, then Logo.

    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