Story theme
Latest
Latest
  • About Story
    • Story theme documentation
  • Updates
    • What's new in Story
      • Story Releases
  • Sections
    • Story sections
      • Accordion group
      • Blog posts
      • Collection list
      • Collection marbles
      • Collection split
      • Contact form
      • Custom liquid
      • Custom content
      • Featured collection
      • Featured product
      • Gallery
      • Icon columns
      • Image banner
      • Image with text
      • Logo list
      • Map
      • Mosaic
      • Newsletter
      • Overlapping images
      • Page
      • Policy links
      • Press
      • Rich text
      • Slideshow
      • Tabs
      • Team
      • Testimonials
      • Text columns with images
      • Timeline tree
      • Timeline with banner
      • Video banner
      • Video player
  • Settings
    • Theme settings
      • Global theme settings
      • Typography
      • Colors
      • Layout
      • Social
      • Cart
      • Search
      • Product grid
      • Currency format
      • Favicon
      • Advanced
      • Checkout
      • Custom CSS
  • Header
    • Header
      • Header styles
      • Toolbar
      • Navigation images
      • Image menus
      • Transparent header
      • Mega-menu navigation
      • Drop-down navigation
  • Products
    • Product pages
      • Static product tabs
      • Unique product tabs
      • Product tabs
      • Color swatches
      • Inventory countdown
      • Pre-order products
      • Static size chart
      • Unique size charts
      • Creating pages
      • Size Charts
      • Product image sizes
  • Collections
    • Collection pages
      • Product badges
      • Sale badge
      • Savings badge
      • Sold-out badge
      • Custom badges
      • Badge settings
      • Custom filter options
      • Collection filtering
      • Collection sorting
      • Collection navigation
      • Feature image
  • Cart
    • Story cart
      • Cart styles
      • Shipping message
      • Estimate shipping calculator
      • Cart settings
  • Promotions
    • Upselling
      • Upsell promotions
      • How to setup
      • Static upsell promotion
      • Custom upsell promotion
  • Overlay
    • Popups
      • Cookies consent message
      • Newsletter popup
  • Siblings
    • Product siblings
      • About product siblings
      • Multiple images per variant
      • How to setup siblings
      • Siblings metafields
      • Cutline
      • Siblings collection
      • Siblings product setup
      • Siblings block setup
      • Variant image sets with alt-tags
  • Pages
    • Page templates
      • Page navigation
      • How to use page templates
      • Story page templates when using a different theme
      • Contact page
      • Lookbook
      • Team
      • Timeline
  • Blogs
    • Blogs and posts
      • Blogs
      • Articles
  • FAQ
    • Frequently asked questions
      • Where to make CSS changes
      • How to download latest version
      • How to add a line break in your headings
      • Share preview link
      • Remove Shopify link in footer
      • Check your theme version
      • How to use sections
      • Adding a section
      • Hiding a section
      • Reordering sections
      • Section blocks
  • License
    • Theme license
  • Support
    • Contacting support
Powered by GitBook
On this page
  1. Products
  2. Product pages

Product image sizes

Size recommendations for your product images

PreviousSize ChartsNextCollection pages

Last updated 3 years ago

Story will work with images of any size and dimension, but it is recommended that you use product images with consistent dimensions, preferably squares.

We recommend square dimensions like 2048 x 2048 pixels or 2236 x 2236 pixels. Shopify has increased the size recommendation to meet the needs for 4k displays. To support higher resolution monitors try to use images that are 4472 x 4472 pixels. High resolution photos will look more polished and professional to your customers. For square product images, a size of 2048 x 2048 pixels or 2236 x 2236 pixels usually looks best.

2048 x 2048 pixels or 2236 x 2236 pixels

4472 x 4472 pixels (for higher resolution screens)

When your product images are consistent sizes, they will help with overall merchandizing of your store including collection page, product recommendations and viewing through individual product pages.

When downscaling from 4472 x 4472 to 50%, the correct size is 2236 x 2236

Image format

Save your images in .JPG format without any compression. Use 100% quality with sRGB. When you use .PNG images, Shopify won't be able to handle compression to serve the right version for the shopper's device. The result is a very slow loading site especially on collection and product pages. The result will also have a negative experience for mobile customers. Using large .JPG images will allow Shopify to handle the compression and display high quality images for your customers.

.jpg or .JPG

100% quality with sRGB

sRGB - Prevent color stripping

For a smooth look, use non-white background-isolated images, this will allow your product images to bleed into the background.

Product videos

Shopify now supports .MP4 and .MOV video file formats for use on product pages. Embedded streaming videos are also support from YouTube and Vimeo. Here are some guidelines from Shopify regarding video formats:

  • Video length: Up to 60 seconds

  • Video size: Up to 1 GB

  • Video resolution: Up to 4K - 4096 x 2160 pixels

  • Video file type: .mp4 or .mov

For embedded videos, the only requirements are:

  • YouTube or Vimeo

  • Videos must be set to public or unlisted (not private).

3D Models

Shopify supports 3D models in .GLB format which are virtual representations of an object in three dimensions. 3D models can provide your customers with a better sense of the size, scale, and the details of your products.

Learn more about product formats supported on the Shopify platform:

Product media typesShopify Help Center
Photoshop Export As settings
Photoshop export for lower resolution - Canvas size matches Image size
Logo