Size Recommendations
The table below 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.
| Image type | Width (px) | Height (px) | File type | Upload this in: |
|---|---|---|---|---|
| Favicon | 32 | 32 | PNG | Customize > Theme Settings > Favicon |
| Logo | 600 | 200 | JPG or PNG | Customize > Header |
| Logo - Mobile | 100 | 50 | JPG or PNG | Customize > Header |
| Logo - Footer | 500 | 200 | JPG or PNG | Customize > Footer > Add Content > Logo and Contact |
| Slideshow | 1800 | 1000 | JPG | Customize > Add section > Slideshow |
| Slideshow - mobile image | 1000 | 1800 | JPG | Customize > Add section > Slideshow > Mobile image |
| Text Columns with Images | 1000 | 1000 | JPG | Customize > Add section > Text columns with images |
| Images with Text | 1000 | 1000 | JPG | Customize > Add section > Images with text |
| Rich text (Background image) | 1800 | 1000 | JPG | Customize > Add section > Rich text > Background image |
| Testimonial Image | 600 | 600 | JPG | Customize > Add section > Testimonial |
| Product Images | 1024 | 1024 | JPG | Online Store > Products > Products |
| Collection - Banner Image | 1600 | 1000 | JPG | Customize > Collection > Banner image |
| Collection - Mobile Image | 1000 | 1300 | JPG | Customize > Collections > Mobile image |
| Video placeholder image | 1600 | 900 | JPG | Customize > Video |
| Blog page banner image | 1600 | 600 | JPG | Customize > Blog page > Banner image |
| Blog page mobile image | 1000 | 1300 | JPG | Online Store > Blog Page > Mobile image |
| Contact page banner image | 1600 | 600 | JPG | Customize > Contact page > Banner image |
| Contact page mobile image | 1000 | 1300 | JPG | Customize > Contact page > Banner image > Mobile image |
| Popup image | 425 | 575 | JPG | Customize > Popup |
| Checkout page banner | 1000 | 400 | JPG | Customize > Theme Settings > Checkout > Banner |
| Password page background image | 1800 | 1000 | JPG | Customize > Password Page > Background Image |
| Password page logo | 720 | JPG | Customize > Password Page > Logo |
* NOTE: May not be available on all sections, blocks or templates