Banner Imagery: Built for the Slot It Actually Fills
A banner set costs 12 credits per generated image, 15 for a scene recreation, and 84 credits for a 7-banner set. Meta's official ad ratios are 1.91:1, 16:9, 1:1, 4:5, 2:3 and 9:16, it accepts up to 10 images per ad, and catalogue files must be JPEG or PNG under 8 MB.
Last updated:
Key facts
- Every generated banner costs 12 credits, scene recreation costs 15, a gallery edit costs 10, background removal costs 2, and a 7-banner set costs 84 credits.
- A 4K banner master costs 18 credits and the same credits as a 1K render, so one master can serve both web and large-format placements.
- Meta's official ad ratios are 1.91:1, 16:9, 1:1, 4:5, 2:3 and 9:16, and a single ad carries up to 10 images or videos.
- Meta catalogue images must be JPEG or PNG and no more than 8 MB, and Shops images are square 1:1 at a minimum of 500 x 500 px with 1024 x 1024 recommended.
- Meta publishes no current percentage-based text rule; for 9:16 keep the top, bottom and side edges clear, for Instagram Feed at 1:1 or 4:5 keep the bottom and sides clear, and leave the bottom 40% clear for Reels disclaimers.
- Shopify accepts banner assets up to 5000 x 5000 px or 25 megapixels and under 20 MB, and 2048 x 2048 px displays best for square images.
Why one banner image rarely fits every slot
A homepage hero banner is wide and needs to hold up with a headline over it; a category page banner is often shorter and needs to work at a glance while browsing; a promotional strip banner might be a thin horizontal format announcing a sale. Producing banner imagery well means treating each placement as its own brief rather than resizing one master image to fit slots it wasn't designed for.
Keeping banners visually consistent across a full site or campaign
A site typically needs many banners at once — different categories, different promotions — and they should look like they belong to the same brand even though each is a different size and message. Generating them from a shared style and product treatment, rather than independently, is what keeps a full banner set visually consistent across the site.
| Banner slot | Credits | Channel rule to meet |
|---|---|---|
| Homepage hero | 15 | Scene recreation for a wide slot; Shopify accepts up to 5000 x 5000 px or 25 megapixels |
| Category banner | 12 | One generated image per category placement |
| Promotional strip | 12 | One generated image per promotion or sale slot |
| Text-space rework | 10 | Gallery edit to open up room for an overlay |
| Cutout for a flat slot | 2 | Background remover for a clean product on a solid banner |
| 9:16 story or Reel banner | 15 | Keep the top, bottom and side edges clear of key elements |
| 7-banner site set | 84 | A full set of banners at 12 credits an image |
Benefits
Each banner generated for its actual placement, not resized from one master image
Consistent visual style across homepage, category, and promotional banners
Scales to producing many banner variants for a full site at once
How It Works
1
Identify each banner slot needed and its dimensions.
2
Upload the product reference photo.
3
Generate each banner sized and styled for its placement.
4
Deploy across the site or campaign.
Best Practices
- check_circleTreat each banner placement (homepage, category, promotional) as its own brief with its own dimensions
- check_circleLeave deliberate visual space for text overlay where the slot requires it
- check_circleGenerate the full banner set from one shared style so the site looks consistent
Common Mistakes
- cancelResizing one master banner image awkwardly across every slot instead of generating per placement
- cancelLeaving no visual space for the text overlay a banner slot requires
- cancelProducing category banners independently, resulting in an inconsistent look across the site
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
How many credits does a full set of website banners cost?
A 7-banner set is 84 credits at 12 credits an image, with scene recreation at 15 for any banner that needs a built setting and 10 for a gallery edit.
Which aspect ratios does Meta accept for banner-style ads?
Meta's official list is 1.91:1, 16:9, 1:1, 4:5, 2:3 and 9:16, and one ad can carry up to 10 images or videos.
Is there a text limit on a Meta banner image?
There is no current percentage-based text rule; keep the top, bottom and side edges clear at 9:16, the bottom and sides clear on Instagram Feed at 1:1 or 4:5, and the bottom 40% clear for Reels disclaimers.
What is the file size cap for a Meta catalogue banner?
8 MB per image in JPEG or PNG, with Shops images square at 1:1 and at least 500 x 500 px where 1024 x 1024 is recommended.
Can one banner image be resized into every slot?
Not well: a homepage hero built as a 15-credit scene recreation, a 12-credit category banner and a 10-credit edit for overlay space are separate briefs, and Shopify takes up to 5000 x 5000 px or 25 megapixels.
Why Fluxx.work
Fluxx.work generates each banner to its actual placement brief, so a homepage hero and a category banner don't look like the same image forced into different boxes.