QuickWand
← All guides

The Best Image Size for an Online Store (Speed + Quality)

“What size should my product photos be?” is one of the most common questions store owners ask — and getting it wrong costs you either speed or quality. Too large and your pages crawl on mobile; too small and your products look soft and unconvincing. Here is the sweet spot, plus the free tool that gets you there.

The recommended sizes

  • Main product photos: 1600–2000 px on the longest edge, under ~200 KB each. Sharp enough to zoom on a retina phone, light enough to load fast.
  • Thumbnails / gallery tiles: 400–600 px, under 100 KB.
  • Hero / full-width banners: up to ~2400 px wide, but kept to roughly 300–400 KB through compression.
  • Format: WebP for the smallest on-site files (universally supported in modern browsers), JPG for compatibility, PNG only for logos and transparency.

The principle behind these numbers: never serve an image larger than the space it fills. A 4000 px photo squeezed into a 1200 px column forces every visitor to download three times the data they will ever see.

How to hit these targets with QuickWand

QuickWand's free image compressor lets you cap dimensions and dial in quality together, in your browser.

  1. Open the Image Compressor and drag in your whole catalog at once.
  2. Turn on Resize → Max size and set the longest edge to your target (e.g. 2000 px for main photos).
  3. Set Quality to 80–85% and use the live size estimate to confirm each image lands under your file-size goal.
  4. Click Download all (.zip) and upload the optimized set.

Why the right size protects both speed and rankings

Images are typically the heaviest part of a web page, and the biggest one is usually what Google measures with Largest Contentful Paint (LCP). A “good” LCP is 2.5 seconds or less; oversized product images are the most common reason stores land in the “needs improvement” (2.5–4.0s) or “poor” (over 4.0s) bands. Hitting the sizes above keeps you fast, which supports better rankings and a smoother shopping experience.

If your source files need converting first, the PNG to JPG converter shrinks photo PNGs and the WebP to JPG converter gives you universally compatible copies — both free, both in the browser.

Frequently asked questions

What is the best image size for an online store?
For standard product photos, 1600–2000 px on the longest edge at under ~200 KB per file strikes the best balance — sharp on retina screens but light enough to load fast. Thumbnails can be 400–600 px and under 100 KB. Hero or banner images can run up to about 300–400 KB.
How small can I make product images before they look bad?
Quality matters more than raw size up to a point. At 80–85% JPG quality, most product photos look identical to the original at well under half the file size. Below about 70% you start to see softness and blocky artifacts on detailed photos.
Should online store images be JPG or WebP?
WebP is typically 25–35% smaller than JPG at the same visible quality and is supported by every modern browser, making it the best default for on-site display. Keep JPG copies for downloads, emails, marketplaces, or any channel that doesn't accept WebP.
Why does image size affect store speed so much?
Images are usually the heaviest thing on a page, and the largest one is typically what Google's Largest Contentful Paint metric measures. A good LCP is 2.5 seconds or less, and oversized images are the most common reason stores miss it.

Free tool

Image Compressor

Make JPG, PNG and WebP images smaller by quality, percentage or target resolution — with a live size estimate.

Try Image Compressor— free →