Select your theme:
-
Turbo
Image type Width (px) Height (px) File type Upload this in: Favicon 32 32 PNG Customize > Theme Settings > Favicon or Meta Info Logo - Main menu 400 100 JPG or PNG24 Customize > Header Logo - Mobile 100 50 JPG or PNG24 Customize > Header Logo - Footer 250 200 JPG or PNG24 Customize > Footer Mega menu images 360 360 JPG Customize > Mega Menu > Content Image with text overlay banner images 1800 1000 JPG Customize > Add section > Image with text overlay Featured promotions 840 840 JPG Customize > Add section > Featured promotions Image with text 1024 1024 JPG Customize > Add section > Image with text Gallery (classic layout) 800 800 JPG Customize > Add section > Gallery Logo list 400 300 JPG or PNG Customize > Add section > Logo list Product Images 1024 1024 JPG Online Store > Products > Products Collection images (used for Collection list) 1024 1024 JPG Online Store > Add Section > Collection list Slideshow banner images 1600 1000 JPG Customize > Add section > Slideshow Video placeholder image 1600 900 JPG Customize > Add section > Video Testimonials images 1600 1000 JPG Customize > Add section > Testimonials Blog page top banner 1800 800 JPG Customize > Blog page > Banner image Blog article featured image 1800 1000 JPG Online Store > Blog Posts > Featured Image Contact page top banner 1800 800 JPG Customize > Contact page > Banner image Newsletter popup image 425 575 JPG Customize > Theme settings > Popup Newsletter section image 1600 300 JPG Customize > Newsletter > Banner Checkout page top banner 1800 300 JPG Customize > Checkout > Banner Full shop background image 1800 1000 JPG Customize > Theme settings > Colors > Backgrounds Password page background image 1600 1000 JPG Customize > Theme settings > Colors > Backgrounds -
Parallax
Image type Width (px) Height (px) File type Upload this in: Favicon 32 32 PNG Customize > Header Logo - Main Menu 410 100 JPG or PNG Customize > Header Logo - Secondary 410 100 JPG or PNG Customize > Header Logo - Mobile 410 50 JPG or PNG Customize > Header Banner Images (Image with Text Overlay) 1600 1000 JPG Customize > Add section > Image with text overlay Featured Promotions 840 840 JPG Customize > Add section > Featured promotions Product Images 1024 1024 JPG Online Store > Products > Products Collection Images (used for Featured Links) 1024 1024 JPG Online Store > Products > Collections Slideshow Banners 1600 1000 JPG Customize > Add section > Slideshow Gallery 800 800 JPG Customize > Add section > Gallery Image with Text 840 840 JPG Customize > Add section > Image with Text Rich Text and Image 1600 600 JPG Customize > Add section > Rich text and image Video placeholder image 1600 900 JPG Customize > Featured video Blog page top banner image 1600 1000 JPG Customize > Blog page > Banner image Blog article featured image 1600 1000 JPG Online Store > Blog Posts > Featured Image Contact page top banner 1600 1000 JPG Customize > Contact page > Banner image Newsletter popup image 425 575 JPG Customize > Theme settings > Popup Checkout page top banner 1000 400 JPG Customize > Checkout > Banner Checkout main content area 1024 1024 JPG Customize > Theme Settings > Checkout > Main Content Area Checkout order summary area 840 840 JPG Customize > Theme Settings > Checkout > Order Summary Full shop background image 1800 1000 JPG Customize > Theme settings > Colors > Backgrounds Popup background image 600 400 JPG Customize > Theme settings > Colors > Backgrounds Password page logo 720 100 JPG or PNG Customize > Theme settings > Colors > Backgrounds Password page background image 1600 1000 JPG Customize > Theme settings > Colors > Backgrounds -
Retina
Image type Width (px) Height (px) File type Upload this in: Favicon 32 32 PNG Customize > Header Logo - Main Menu 560 100 JPG or PNG Customize > Header Logo - Secondary 560 100 JPG or PNG Customize > Header Logo - Mobile 560 50 JPG or PNG Customize > Header Banner Images (Image with Text Overlay) 1600 1000 JPG Customize > Add section > Image with text overlay Featured Promotions 840 840 JPG Customize > Add section > Featured promotions Product Images 1024 1024 JPG Online Store > Products > Products Collection Images (used for Featured Links) 1024 1024 JPG Online Store > Products > Collections Slideshow Banners 1600 1000 JPG Customize > Add section > Slideshow Gallery 800 800 JPG Customize > Add section > Gallery Image with Text 840 840 JPG Customize > Add section > Image with Text Rich Text and Image 1600 600 JPG Customize > Add section > Rich text and image Video placeholder image 1600 900 JPG Customize > Featured video Blog article featured image 1600 1000 JPG Online Store > Blog Posts > Featured Image Newsletter popup image 425 575 JPG Customize > Theme settings > Popup Checkout page top banner 1000 400 JPG Customize > Checkout > Banner Checkout main content area 1024 1024 JPG Customize > Theme Settings > Checkout > Main Content Area Checkout order summary area 840 840 JPG Customize > Theme Settings > Checkout > Order Summary Full shop background image 1800 1000 JPG Customize > Theme settings > Colors > Backgrounds Popup background image 600 400 JPG Customize > Theme settings > Colors > Backgrounds Password page logo 720 100 JPG or PNG Customize > Theme settings > Colors > Backgrounds Password page background image 1600 1000 JPG Customize > Theme settings > Colors > Backgrounds -
Superstore
Feature Width (px) Height (px) Aspect ratio Add the image via Format Favicon 32 32 1:1 Favicon in Theme settings PNG Logo 180 180 1:1 Header settings PNG Logo (Mobile) 90 90 1:1 Header settings PNG Collection list section: Custom image 600 600 1:1 Collection block PNG or JPG Featured collection section: Title card 500 750 2:3 Title card block PNG or JPG Highlights banner section: Image 50 50 1:1 Highlight block PNG or JPG Logo list section: Logo 320 320 1:1 Logo block PNG or JPG Map section: Image 1000 50 2:1 Map section settings PNG or JPG Menu list section: Image 360 360 1:1 Menu block JPG Newsletter section: Image 1750 500 2:7 Search section settings PNG or JPG Testimonials section: Image 360 360 1:1 Testimonial block PNG or JPG Video section: Cover image 1600 (for 16:9 aspect ratio); 2100 (for 21:9 aspect ratio) 900 16:9 or 21:9 Video section settings JPG -
Responsive
Image type Width (px) Height (px) File type Upload this in: Favicon 32 32 PNG Customize > Theme Settings > Favicon Logo - Main Menu 720 100 JPG or PNG Customize > Header Banner Images (Image with Text Overlay) 1600 600 JPG Customize > Add section > Image with text overlay Featured Promotions 840 840 JPG Customize > Add section > Featured promotions Product Images 1024 1024 JPG Online Store > Products > Products Collection Images (used for Featured Links) 1024 1024 JPG Online Store > Products > Collections Slideshow Banners 1600 600 JPG Customize > Add section > Slideshow Gallery 800 800 JPG Customize > Add section > Gallery Image with Text 840 840 JPG Customize > Add section > Image with Text Rich text and Image 1600 600 JPG Customize > Add section > Rich text and image Video placeholder image 1600 900 JPG Customize > Featured video Blog article featured image 1800 600 JPG Online Store > Blog Posts > Featured Image Newsletter popup image 425 575 JPG Customize > Theme settings > Popup Checkout page top banner 1000 400 JPG Customize > Theme Settings > Checkout > Banner Checkout main content area 1024 1024 JPG Customize > Theme Settings > Checkout > Main Content Area Checkout order summary area 840 840 JPG Customize > Theme Settings > Checkout > Order Summary Full shop background image 1800 1000 JPG Customize > Theme settings > Colors > Backgrounds Popup background image 600 400 JPG Customize > Theme settings > Colors > Backgrounds Password page logo 720 100 JPG or PNG Customize > Theme settings > Colors > Backgrounds Password page background image 1800 1000 JPG Customize > Theme settings > Colors > Backgrounds -
Flex
Image Type Width (px) Height (px) File type Upload this in: Favicon 64 64 PNG Customize >Theme Settings > Favicon Logo (Main Menu) 600 200 PNG or JPG Customize > Sections > Header Overlay Logo 600 200 PNG or JPG Customize > Sections > Header Mobile Logo 600 200 PNG or JPG Customize > Theme Settings > Mobile Logo (Footer) 500 200 PNG or JPG Customize > Section > Footer Mega Menu Images 600 600 JPG Customize > Mega Menu > Add content Image with Text Overlay 1800 900 JPG Customize > Sections > Add Section > Image with Text Overlay Image with Text 1024 1024 JPG Customize > Sections > Add Section > Image with Text Featured Promotions 800 600 JPG Customize > Sections > Add Section > Featured Promotions Gallery 800 800 JPG Customize > Sections > Add Section > Gallery Logo List 800 800 JPG or PNG Customize > Sections > Add Section > Logo List Slideshow with Text 1600 1000 JPG Customize > Sections > Add Section > Slideshow with Text Contact Form 1000 1000 JPG Customize > Sections > Add Section > Contact Form Testimonials 500 500 JPG Customize > Sections > Add Section > Testimonials Newsletter (background image) 1600 300 JPG Customize > Sections > Add Section > Newsletter Newsletter (feature image) 1024 1024 JPG Customize > Sections > Add Section > Newsletter Video (placeholder image) 1600 900 JPG Customize > Sections > Add Section > Video Popup (feature image) 600 875 JPG Customize > Sections > Popup Product images 1024 1024 JPG Online store > Products > Product Collection (banner) 1800 800 JPG Customize > Collection Page > Sections > Collection Banner Collection (promotional banner) 1800 800 JPG Customize > Collection Page > Sections > Collection Sidebar (featured promotion) 600 600 JPG Customize > Collection Page/Blog Page > Collection Sidebar/Blog Sidebar > Add content Blog (banner) 1800 800 JPG Customize > Blog > Sections > Blog Banner Cart (banner) 1800 800 JPG Customize > Cart > Sections > Cart Banner Checkout (banner) 1000 400 JPG Customize > Theme Settings > Checkout 404 Page (banner) 1800 800 JPG Customize > 404 Page > Sections > Page not found banner Contact Page (banner) 1800 800 JPG Customize > Contact Page (once added in Shopify admin) > Sections > Contact banner Contact Page (content image, beside form) 1000 1000 JPG Customize > Contact Page (once added in Shopify admin) > Sections > Contact FAQ Page (banner) 1800 800 JPG Customize > Contact Page (once added in Shopify admin) > Sections > FAQ Banner FAQ Page (column image) 1000 1000 JPG Customize > Contact Page (once added in Shopify admin) > Sections > FAQ Column 1/2 > Add content Customer Login Page 1000 700 JPG Customize > Customer Login (once customer accounts are enabled in Shopify Admin) > Sections > Login Search (banner) 1800 800 JPG Customize > Search (once enabled under Sections > Header) > Sections > Search Banner -
Launch
Image type Width (px) Height (px) File type Upload this in: Slideshow 2048 1152 JPG Edit theme > Add section > Slideshow Alternating content image 1020 700 JPG Edit theme > Add section > Alternating content Image with text 2048 - JPG Edit theme > Add section > Image with text Images with text 800 640 JPG Edit theme > Add section > Images with text Technical specifications product image 960 - JPG Edit theme > Add section > Technical specifications Technical specifications download image 2048 2048 JPG Edit theme > Add section > Technical specifications Testimonial Avatar 60 60 JPG Edit theme > Add section > Testimonials Team member image 630 630 JPG Edit theme > Pages > About > Team members Map fallback image 1400 720 JPG Edit theme > Add section > Map Video overlay image 1400 - JPG Edit theme > Add section > Video Header logo 200 100 PNG or SVG Edit theme > Header Password page logo 200 100 PNG or SVG Edit theme > Password > Password pages Footer logo 200 100 PNG or SVG Edit theme > Footer Favicon 32 32 PNG Edit theme > Theme settings > Favicon -
Pacific
Image type Width (px) Height (px) File type Upload this in: Slideshow 1440 640 JPG Edit theme > Add section > Slideshow Image gallery 1440 640 JPG Edit theme > Add section > Image gallery Image with text 1280 640 JPG Edit theme > Add section > Image with text Featured video screenshot 1080 640 JPG Edit theme > Add section > Featured video Promotions 1280 1280 JPG Edit theme > Promotions Newsletter image 500 - JPG Edit theme > Add section > Newsletter Map fallback image 1400 720 JPG Edit theme > Add section > Map Logo list image 160 160 JPG Edit theme > Add section > Logo list Header desktop logo 400 200 PNG Edit theme > Header Header mobile logo 400 200 PNG Edit theme > Header Password page logo 400 200 PNG Edit theme > Header Mega navigation item images 450 - JPG Edit theme > Header > Mega nav Mega navigation promo images 600 - JPG Edit theme > Header > Mega nav Favicon 32 32 PNG Edit theme > Theme settings > Favicon -
Vino
Products
Since the desktop layout on the product page is adjustable, it’s best to consider how your product images will appear on mobile first. For most products, portrait images such as 3:4 or 2:3, or square images at 1:1, will help display the product clearly and in full detail.
Recommended aspect ratio 3:4 Minimum size 532px wide 710px tall Recommended size 1065px wide
1420px tall
Recommended size (2x zoomable) 2130px wide 2840px tall Heroes, slideshows, collection headers
Recommended aspect ratio 16:9
Minimum size 1440px wide
810px tall Recommended size 2880px wide
1620px tall
Note: The section height settings can be used to customize how much of the image is cropped.
For slideshow images on mobile, we recommend using a 1:1 aspect ratio with a minimum image size of 800 × 800px.
Blog posts
Recommended aspect ratio 4:3
Minimum size 440px wide
330px tall Recommended size 2880px wide
1410px tall
Mega menu
Mega menu images are pulled from your featured collection image and look best at an approximate 17:8 aspect ratio.
If not using full-page collection header images in the collection page, the recommended size is 532px wide by 798px tall.
Video sections
Recommended hosting method .mp4 or YouTube Recommended aspect ratio 16:9 Minimum size 1280px wide
720px tall
Recommended size 1920px wide 1080px tall Note: You can adjust the section height settings to control how the video is cropped for your layout and mobile devices.
For product videos, use the same size as your product images.
How Shopify handles images
Whenever you upload an image, Shopify creates different sizes of that image and will automatically serve up the most appropriate size in different scenarios to ensure better performance. However, we still recommend compressing your images first so they’re not unnecessarily large.
Read more: Image optimization tips from Shopify
Image aspect ratios
When sizing your own images, keep this rule of thumb in mind: bigger, square-ish images will require a width:height ratio close to 1:1 but narrower, more rectangular images will need something closer to a 3:1 width to height ratio.
Size recommendations
The table above shows recommended image sizes based on the dimensions we’ve used for the photos in this demo shop. We suggest sticking to the recommended image widths but feel free to vary the height as per the rule of thumb noted above.
Product images
While we have a recommended size listed above, it depends on the product type (for example, if the product image is of a model wearing a dress, this will most likely be a portrait orientation instead).
A general tip here is to upload product images with the same image aspect ratio with the highest pixel dimension, and let Shopify's CDN handle the resizing.
Resolution
For all images, 72 dpi is recommended. Although other resolutions can be uploaded, subject to Shopify's file size limitations, uploading higher resolution images will not improve image quality.
On all of the latest versions of Out of the Sandbox themes, high resolution devices such as iPhones and MacBook Airs, the theme code will load 2x resolution images automatically.