Mobile is where most of your store’s traffic lives and where a disproportionate share of your potential revenue leaks away. The pattern is consistent across e-commerce: mobile draws the majority of visits but converts at a lower rate than desktop, and a meaningful slice of that gap is the mobile product gallery failing at the decision moment. The shopper is there, on the device they prefer, ready to consider buying — and the gallery does not let them zoom, or it loads too slowly, or the controls are too small to tap. Each is a fixable, specific failure, and together they explain a lot of the mobile conversion gap.
This focuses on the mobile-specific product-gallery fixes, building on the product gallery guide and the cross-cluster mobile performance piece.
The mobile gap
Be precise about the problem so the fixes target it. Mobile typically accounts for the larger share of e-commerce traffic but the smaller share of completed orders — historically mobile conversion has trailed desktop, though some 2026 data suggests the gap is narrowing as mobile experiences improve. Either way, the direction is clear: a poor mobile experience converts worse than a poor desktop one, because the mobile shopper has less patience, a slower connection, and a smaller screen with no mouse. The product gallery is central to this because, as Baymard established, image inspection is the shopper’s first action — and if that first action is frustrating on mobile, the whole product page starts on the back foot. Closing the mobile gap is largely about not frustrating the shopper at that first, image-inspection step.
The three mobile gallery failures
Baymard’s mobile research points to three specific, common failures, and most struggling mobile galleries have at least one:
- No zoom gesture — a large share of mobile sites support neither pinch nor double-tap, so the shopper literally cannot inspect detail. Since hover does not exist on touch, gesture zoom is the only option, and its absence is the most damaging failure.
- No landscape scaling — a majority of sites fail to scale product images correctly when the phone is rotated to landscape, so the shopper who turns their phone for a better look gets a broken view.
- Slow load — product images are heavy and the LCP element; on a mobile connection, an unoptimised gallery means the shopper waits, and a notable share abandon when a page takes more than a few seconds.
These compound: a gallery that is slow to load and impossible to zoom and broken in landscape fails the mobile shopper three ways at the moment they are trying to decide. Fixing them is not glamorous, but it acts directly on the highest-traffic, lowest-converting part of the store.
Thumb-friendly carousels
On mobile, the gallery is usually a swipeable carousel of the product images, and how it handles touch determines whether browsing the images feels natural or fiddly. Swipe should be smooth and obvious (a peek of the next image signals there is more), the dots or counter should show position, and the controls — including the zoom and any thumbnail strip — must be sized for a thumb, not a cursor. The accessibility guideline of roughly 24×24 pixels minimum for touch targets is a floor, not a goal; primary controls should be comfortably bigger. A carousel that requires precise taps on tiny controls is one a thumb will mis-hit, and every mis-hit is friction. The mobile carousel is also where the auto-advance caution applies — do not auto-rotate product images; let the shopper control the pace (see the wider carousel performance point).
Do this now. On your actual phone, open your best-selling product cold (no cache) on mobile data and run the three checks: can you double-tap or pinch to zoom into the detail? Rotate to landscape — does the image scale correctly? Time the load — is the first image sharp within a couple of seconds? Then try to operate the gallery one-handed with your thumb — do the controls fit your thumb, or do you mis-tap? Each failure is a specific, prioritised fix on your highest-traffic surface.
Mobile zoom done right
Because zoom is the most damaging mobile failure, it deserves its own emphasis. Mobile zoom must be gesture-based, and the strongest setup supports both double-tap and pinch while ensuring double-tap works — Baymard found double-tap more discoverable than pinch, which many shoppers (especially less-technical or non-native-English ones) do not instinctively try. Behind the gesture, the zoom needs real resolution to reveal (covered in product image zoom), served efficiently so it does not bloat the mobile load. Get mobile zoom working and you have fixed the single failure most tied to abandonment, on the platform with the most shoppers.
Image size and format on mobile
The speed failure is the most purely technical and the most solvable. On mobile the gallery should serve mobile-sized images (via srcset and sizes, so a phone never downloads the desktop-resolution master), in a modern format (WebP or AVIF), with the main product image eager-loaded since it is the LCP element. This is the same playbook as the gallery page speed guide, applied to the product page where it directly protects revenue: a one-second mobile delay measurably reduces conversions, and product images are the heaviest thing on the page, so getting their size and format right on mobile is among the highest-return technical fixes a shop can make.
The reassuring part is that these mobile fixes are largely defaults a good product gallery handles, not per-product labour. FotoGrids’ product-gallery layout (Pro Plus) brings the gesture zoom and thumb-friendly behaviour, with the free-tier responsive-images and lazy-loading underneath handling the mobile-sizing and speed — so the mobile experience is built in rather than dependent on what your theme enabled. On the platform where most shoppers are and most conversion leaks, that is where the gallery should be strongest, not weakest.
Key takeaways
- Mobile is most of your traffic and a smaller share of orders — the gallery is central to that gap.
- Three common failures: no zoom gesture, broken landscape scaling, slow load.
- Support double-tap zoom (more discoverable than pinch); size controls for thumbs, not cursors.
- Serve mobile-sized WebP/AVIF images, eager-load the main one — speed directly protects conversion.
Why does my store get mobile traffic but few mobile sales?
A large part of the mobile conversion gap is the product gallery failing at the decision moment — no working zoom gesture, broken landscape scaling, or slow image loads. Since image inspection is the shopper’s first action, a frustrating mobile gallery starts the whole product page on the back foot. Fixing those three failures targets the gap directly.
What is the most important mobile product gallery fix?
Working gesture zoom — supporting double-tap (more discoverable than pinch) so shoppers can inspect detail, since hover does not exist on touch. Baymard tied insufficient zoom directly to abandonment, and a large share of mobile sites support no zoom gesture at all, making it the most damaging and highest-priority mobile failure.
How big should product gallery controls be on mobile?
At least the ~24x24px accessibility minimum for touch targets, and comfortably bigger for primary controls like zoom and navigation. A thumb is far less precise than a cursor, so controls sized for desktop get mis-tapped on mobile, and every mis-hit is friction at the decision moment.
How do I make mobile product images load faster?
Serve mobile-sized images via srcset and sizes so phones never download the desktop-resolution master, use a modern format (WebP or AVIF), and eager-load the main product image since it is the LCP element. Product images are the heaviest thing on the page, so getting their size and format right on mobile is one of the highest-return technical fixes for conversion.