Max IT solutionsShopify App Store

Shopify Speed: Images and Video Without the Slowdown

Updated , first published · 4 min read

For Shopify image optimization and speed, start from what Shopify already does: its image CDN serves each image in the best format for the browser, resized and compressed, and uploaded videos are converted and streamed at a resolution that suits the viewer’s connection. What still slows a store down is how media is used: too many large images on the first screen, autoplaying video, long carousels, and embeds that load before anyone presses play.

Shopify’s media limits and CDN behavior are quoted from the Help Center pages on improving web performance and product media types, read on October 23, 2026. This guide is about media; theme, apps and code are covered in Shopify speed optimization. Speed is one of the topics in our running a store hub.

What Shopify does to your images automatically

  • Image CDN. Together with your theme code, it serves the best image format, resized and compressed to keep files small. Images are often served as WebP.
  • Automatic compression of JPG images.
  • Several sizes per image. When you upload, Shopify creates different sizes for different places, such as a large version for the product page and a compact one for thumbnails.
  • Caching of resources in the visitor’s browser for up to a year.

So converting every image to WebP before upload, or buying a “compression” service, mostly duplicates what Shopify does. On our own non-Shopify site we do generate WebP copies by hand, because nothing else does it for us; on Shopify, the platform handles it.

Image rules that still matter

  1. Upload at a sensible size. Shopify accepts images up to 5,000 × 5,000 px (25 megapixels) and under 20 MB. For square product images it says 2,048 × 2,048 px usually displays best. Bigger uploads gain nothing visible.
  2. One aspect ratio for main images. Collection grids line up and do not shift as they load when every featured image has the same ratio.
  3. Fewer images on the first screen. The largest visible element decides how fast the page feels loaded (Largest Contentful Paint).
  4. Short carousels. Shopify lists carousels among the features that can affect performance. Keep slides to the few you really need, or use a single image.
  5. The right file type for the content. Shopify recommends PNG first, then JPEG, for most product images; it also accepts WebP, GIF, SVG, HEIC and others. Animated GIFs are heavy files; a short video can be lighter.
  6. Alt text on every image, for accessibility and image search; it costs nothing in speed.

Video without the slowdown

Shopify supports uploaded videos up to 10 minutes, 1 GB and 4K, in .mp4, .mov or .webm. It serves them as .mp4 or HLS, and in browsers that support streaming it plays them at 480p, 720p or 1080p depending on the viewer’s connection. YouTube and Vimeo links can be embedded instead.

What to do with that:

  • Do not autoplay video at the top of the page. It competes with your hero image for the first seconds of loading. Show a poster image and let the visitor press play.
  • Product videos below the main images compete less with the first screen; how they load depends on your theme.
  • Embeds load the other site’s player. A YouTube or Vimeo embed on every product page adds that player’s code. For short product clips, an uploaded video served by Shopify is usually simpler.
  • Keep clips short. Ten seconds showing the product in use can answer the question a two-minute film would bury.

Lazy loading images and video further down the page is another lever; see lazy loading.

Check the effect

  • Shopify’s Web Performance reports show Core Web Vitals from real visitors: loading (LCP), layout stability (CLS) and responsiveness (INP). After changing media on a key page, watch LCP there over the following weeks.
  • PageSpeed Insights shows, for one page, which image is the largest element and how long it takes. Run it before and after a change.

Images are also part of selling; the shot list in our product photography guide plans them so you need fewer of them.

Frequently asked questions

Does Shopify compress images automatically? Yes. Shopify’s image CDN, together with your theme, serves images in the best format, resized and compressed, and Shopify compresses JPG images automatically. You still decide how many images load on each page and how large you upload them.

Should I upload WebP images to Shopify? It is not necessary. Shopify recommends PNG or JPEG for most product images and often serves them as WebP through its image CDN anyway. WebP uploads are accepted if that is what you have.

Do videos slow down a Shopify store? They can, if they autoplay at the top of the page or are embedded on every page. Shopify streams uploaded videos at a resolution suited to the connection, so a short video placed below the main images, with a poster image, has little effect on how fast the page first appears.

What image size should I upload to Shopify? Shopify accepts images up to 5,000 × 5,000 px and under 20 MB, and says 2,048 × 2,048 px usually displays best for square product images. Use one aspect ratio for all main product images so collection pages line up.