Mobile Product Photo Requirements by Platform
Every major social commerce platform compresses and crops images differently. Understanding these specs prevents your product photos from looking soft or poorly framed on any platform.
| Platform | Optimal Size (px) | Aspect Ratio | Max File Size | Format |
|---|---|---|---|---|
| Instagram Feed | 1080 x 1080 | 1:1 | 30 MB | JPEG, PNG |
| Instagram Stories/Reels | 1080 x 1920 | 9:16 | 30 MB | JPEG, MP4 |
| TikTok Shop | 1080 x 1080 | 1:1 | 20 MB | JPEG, PNG |
| 1000 x 1500 | 2:3 | 20 MB | JPEG, PNG | |
| Facebook Shop | 1200 x 1200 | 1:1 | 30 MB | JPEG, PNG |
| Google Shopping | 1200 x 1200 | 1:1 | 16 MB | JPEG, PNG, WebP |
The common thread: shoot square (1:1) as your base format. You can crop to 9:16 for Stories/Reels and 2:3 for Pinterest from a square original. Shooting at 2048 x 2048 gives you enough resolution to crop to any of these formats without quality loss.
Designing for the 6-Inch Screen
Mobile product photography isn't just about resolution. It's about visual hierarchy at a drastically reduced size. Details that read clearly on desktop vanish on mobile.
Key principles for mobile-first product photos:
- Fill the frame: Products should occupy 80-90% of the image area. Negative space that looks elegant on desktop is wasted real estate on mobile.
- Simplify backgrounds: Busy lifestyle backgrounds compete with the product on small screens. Use solid colors or subtle gradients.
- Increase contrast: The product should pop against its background. Dark products on dark backgrounds or white products on white backgrounds lose definition on mobile displays viewed in variable lighting.
- Front-load detail: The first image a shopper sees (the hero) should communicate the product's primary selling point immediately. Save detail and lifestyle shots for the gallery.
Test every product image by viewing it at 375 x 375 pixels on your screen (the size of an Instagram grid thumbnail on most phones). If the product isn't immediately identifiable at that size, it needs tighter framing or a simpler background.
Social Commerce Conversion Patterns
Social commerce shoppers behave differently than traditional e-commerce visitors. They're scrolling quickly, making split-second decisions about whether to stop and engage. Your product images need to work within that context.
You have roughly 1-2 seconds to stop a scroll. That means your hero product image needs to communicate three things almost instantly: what the product is, that it's visually appealing, and that the quality is trustworthy. Text overlays, complex compositions, and subtle details don't work at this speed.
Instagram Shopping data shows that product posts with clean, single-product images get 29% more saves (a strong purchase-intent signal) than multi-product collages or heavily styled lifestyle shots.
Creating a Multi-Platform Image Set
Rather than creating separate images for each platform, build a modular image set from a single high-resolution source. This saves time and ensures brand consistency across channels.
The 5-image social commerce kit:
- Square hero (1:1): Clean product shot on white or solid background. Used for Instagram Feed, Facebook Shop, TikTok Shop, Google Shopping.
- Vertical lifestyle (9:16): Product in use or styled context. Used for Instagram Stories, TikTok, Pinterest (cropped to 2:3).
- Square detail (1:1): Close-up of texture, feature, or unique selling point. Used for Instagram carousel second slide, product page gallery.
- Square lifestyle (1:1): Product in aspirational context. Used for Instagram Feed ads, Facebook ads.
- Wide banner (16:9): For website banners, email headers, and Facebook cover-style placements.
AI product photography tools make this approach practical at scale. With Retouchable, you can generate all five formats from a single product input, maintaining consistent lighting and style across the set without separate photoshoots for each platform.
Platform-Specific Optimization Tactics
Beyond specs and sizing, each platform has behavioral quirks that affect how product images perform.
Instagram: The algorithm favors high-engagement content. Product images with faces (models wearing or holding the product) get 38% more likes than product-only shots. Use carousel posts to show multiple angles, as carousels have 1.4x the engagement rate of single images.
TikTok Shop: Static product images perform worse than video content, but your listing images still need to be strong. TikTok Shop requires a white-background hero image. Use at least 3 listing images. The platform's own data shows listings with 5+ images convert 2.1x better than those with the minimum.
Pinterest: Vertical images (2:3 ratio) get 60% more saves than square images. Products shown in context (styled room, outfit, recipe) outperform isolated product shots. Pinterest's visual search technology means image quality directly affects discoverability, as their algorithm can identify products within photos and serve them to relevant searches.
Facebook/Meta Shop: Facebook compresses images aggressively. Upload at the highest resolution possible and slightly over-sharpen to compensate. The platform favors 1:1 images for shop listings but displays 4:5 in the feed, so frame important elements away from the top and bottom 10% of the image.
Measuring Mobile Image Performance
Track these metrics to understand whether your mobile-first image strategy is working:
- Save rate (Instagram, Pinterest): The strongest signal of purchase intent on social platforms. Aim for above 3% save rate on product posts.
- Click-through rate from social to product page: Target 2-4% on organic posts, 1-2% on ads.
- Bounce rate on mobile product pages: If mobile visitors bounce at higher rates than desktop, image quality or load speed is likely the issue. Target under 45%.
- Mobile conversion rate vs desktop: The industry average mobile conversion rate is 1.8% vs 3.9% desktop. If your gap is wider, investigate image-specific issues.
- Image engagement in carousels: Track which image positions (first, second, third) get the most swipes and longest view time.
Use platform-native analytics (Instagram Insights, Pinterest Analytics, TikTok Analytics) for social metrics, and Google Analytics 4 for on-site mobile behavior. Compare product pages with optimized images against those still using older photos to quantify the impact of your mobile-first approach.