Landing Page Imagery Is Built to Convert, Not to List
A landing page hero is generated at 12 credits an image, or 15 as a scene recreation built around the campaign goal, and a 7-image set costs 84 credits. Shopify accepts assets up to 5000 x 5000 px or 25 megapixels and under 20 MB, and 2048 x 2048 px displays best for square images.
Last updated:
Key facts
- A landing page image costs 12 credits, scene recreation costs 15, a gallery edit costs 10, and a 7-image page set costs 84 credits.
- Shopify accepts images up to 5000 x 5000 px or 25 megapixels and smaller than 20 MB, takes PNG first and JPEG second, and displays square images best at 2048 x 2048 px.
- Shopify publishes no background, fill, text or maximum-image rule, so a landing page hero is not bound by the pure white and 85% fill rules that marketplaces apply.
- Google Merchant Center requires at least 500 x 500 px, recommends around 1500 x 1500 px, caps images at 64 megapixels and 16 MB, and asks for product fill between 75% and 90%.
- Meta's ad ratios for the traffic-driving creative are 1.91:1, 16:9, 1:1, 4:5, 2:3 and 9:16, with up to 10 images per ad and catalogue files capped at 8 MB.
- The ₹475 Starter pack holds 7 images at ₹67.86 each and ₹2,999 Pro holds 62 at ₹48.37 each, and 4K output costs the same credits as 1K.
Why landing page imagery has a different job than listing imagery
A product listing image needs to answer every evaluation question a shopper has — color, angle, detail, scale. A landing page hero image has one job: support the page's specific conversion goal, often by setting a mood or reinforcing a campaign message rather than exhaustively documenting the product. That means landing page imagery can be more atmospheric and less literal than listing photography.
Matching imagery to where the traffic is coming from
A landing page tied to a specific ad or campaign should visually echo that ad's imagery, so a visitor who clicks through doesn't land somewhere that feels disconnected from what they clicked. Producing landing page imagery as an extension of the originating campaign's visual direction, rather than a generic hero banner, is what keeps that click-through experience coherent.
| Destination | Pixel limit | File and format rule |
|---|---|---|
| Shopify product and section images | Up to 5000 x 5000 px or 25 megapixels | Smaller than 20 MB; PNG best, then JPEG |
| Shopify square images | 2048 x 2048 px | The size that displays best for square crops |
| Google Merchant Center | At least 500 x 500 px; around 1500 x 1500 recommended | Maximum 64 megapixels and 16 MB; fill between 75% and 90% |
| Meta catalogue | Shops: at least 500 x 500 px, 1024 x 1024 recommended | JPEG or PNG, maximum 8 MB |
| Meta ad creative | 1.91:1, 16:9, 1:1, 4:5, 2:3 or 9:16 | Up to 10 images or videos per ad |
Benefits
Imagery built around the page's specific conversion goal, not exhaustive product documentation
Visually continuous with the ad or campaign driving traffic to the page
More atmospheric creative freedom than listing photography allows
How It Works
1
Identify the landing page's conversion goal and originating campaign.
2
Upload the product reference photo.
3
Generate a hero image matched to that goal and campaign direction.
4
Add a few supporting images as needed further down the page.
Best Practices
- check_circleDesign the hero image around the page's specific conversion goal and message
- check_circleEcho the visual direction of the originating ad or campaign
- check_circleKeep supporting imagery focused and limited rather than replicating a full product gallery
Common Mistakes
- cancelUsing a generic product listing image as the landing page hero
- cancelProducing landing page imagery disconnected from the ad campaign that drives traffic to it
- cancelOverloading the page with full gallery-style imagery instead of a focused hero and supporting set
Trusted by 1,200+ businesses worldwide
“We used to book a studio every quarter. Now one product photo gives us the hero, lifestyle and detail shots in a single pass, and the catalogue finally looks like one brand instead of six separate shoots.”
Marcus T.
Founder, Home Goods Brand · Austin, TX
“The garment is genuinely the same in every frame — colour, print and trims all hold. That was the part I did not believe until we ran our own SKUs through it.”
Dana R.
Head of Ecommerce, Activewear · Brooklyn, NY
“Glass and reflections are where most tools fall apart. Ours come out clean, so we can photograph a new scent the week it launches instead of waiting on a studio slot.”
Layla A.
Founder, Fragrance Brand · Dubai, UAE
“Metal finish and stone detail survive a zoom now, which is what our listings actually needed. We stopped reshooting pieces that came back soft.”
Omar S.
Marketing Director, Jewellery · Abu Dhabi, UAE
“The textures and lighting are so realistic that customers tell us they can almost feel the product. We reshoot far less than we used to.”
Sneha P.
Founder, Coffee Brand · Coorg, India
“The AI-contextual backgrounds just work. It reads the product and picks the right aesthetic. We've stopped paying for stock photo subscriptions.”
Priya S.
Founder, Skincare Brand · Mumbai, India
Frequently Asked Questions
What image size should a landing page hero be?
Shopify accepts up to 5000 x 5000 px or 25 megapixels and files under 20 MB, and 2048 x 2048 px displays best for square images; a hero generation itself is 12 credits.
Does a landing page hero need a white background?
No. Shopify publishes no background rule, unlike marketplaces, where Amazon wants pure white RGB 255,255,255 with the product at 85% of the image.
How much does a 7-image landing page set cost?
84 credits at 12 credits an image, or 15 credits per image where a scene recreation is built around the page's conversion goal.
Should a landing page hero echo the ad creative that brought the click?
Yes: Meta publishes 6 ad ratios, 1.91:1, 16:9, 1:1, 4:5, 2:3 and 9:16, accepts up to 10 images per ad, and caps catalogue files at 8 MB, so the hero can match the originating creative.
What is the file size limit for a landing page image?
Shopify takes files smaller than 20 MB, Meta caps catalogue images at 8 MB and Google Merchant Center caps at 16 MB, so 8 MB is the tightest of the 3 limits.
Why Fluxx.work
Fluxx.work generates imagery matched to a specific creative brief, which is exactly what a conversion-focused landing page needs instead of a repurposed listing photo.