For teams running app-install, SaaS sign-up or feature ads built from real product screens, who want to review the creative at phone size before it enters Ads Manager.
Facebook ad mockups, with the ad sizes Meta actually recommends.
Meta runs one ad across Facebook and Instagram feeds, Stories, Reels, Marketplace and search, and each placement has its own shape. This page puts the current image specs from Meta's Ads Guide in one table, converts the Story safe zones into pixels, adds the organic Page sizes from the Facebook Help Center, and shows how to build feed, square and vertical versions of a product-screenshot ad in MockupX before you open Ads Manager.
Start with the job, then choose the frame.
Meta's Ads Guide recommends 4:5 at 1440 × 1800 pixels for Facebook and Instagram feed image ads, 9:16 at 1440 × 2560 for Stories and Reels, and 1:1 at 1080 × 1080 or larger for carousel and Marketplace ads. Files are JPG or PNG up to 30 MB. Most campaigns need three versions of each ad: 4:5, 1:1 and 9:16.
Browse app store & social generators →Use the mockup to check hierarchy, legibility and crop for each placement. Ads Manager's own preview remains the final check before launch.
Facebook ad sizes by placement
The table below lists image ad specs from Meta's Ads Guide. Video, collection and other formats have separate specs. Aspect ratio tolerance is how far a file can drift from the stated ratio before Meta crops or rejects it, so build at the exact ratio rather than relying on it.
Meta also lists recommended text lengths: for Facebook Feed image ads, 50 to 150 characters of primary text and a 27-character headline; for Facebook Stories, 125 characters of primary text and a 40-character headline; for feed carousels, 80 characters of primary text, a 20-character headline and an 18-character description per card. Longer text is not rejected, but it may be truncated.
| Placement | Ratio | Recommended size | Minimum | Notes |
|---|---|---|---|---|
| Facebook Feed | 4:5 (3% tolerance) | 1440 × 1800 px | 600 px wide, 750 px high | JPG or PNG, 30 MB max |
| Instagram Feed | 4:5 recommended; 1.91:1 to 4:5 supported (1% tolerance) | 1440 × 1800 px | 500 px wide | JPG or PNG, 30 MB max |
| Facebook Stories | 9:16 (1% tolerance) | 1440 × 2560 px | 500 px wide | Shown for 8 seconds or until swiped |
| Instagram Stories | 9:16 (1% tolerance) | 1440 × 2560 px | 500 px wide | JPG or PNG, 30 MB max |
| Instagram Reels | 9:16 (1% tolerance) | 1440 × 2560 px | 500 px wide | JPG or PNG, 30 MB max |
| Facebook Feed carousel | 1:1 (3% tolerance) | At least 1080 × 1080 px | - | 2 to 10 cards, 30 MB per image |
| Facebook Marketplace | 1:1 | At least 1080 × 1080 px | - | JPG or PNG, 30 MB max |
| Facebook Search results | 1.91:1 to 1:1 (3% tolerance) | At least 1080 × 1080 px | 600 × 600 px | JPG or PNG, 30 MB max |
Safe zones for Stories and Reels ads
Meta's Ads Guide for Facebook Stories, Instagram Stories and Instagram Reels recommends leaving roughly 14% of the top, 35% of the bottom and 6% on each side free of text, logos and key creative elements, so the profile icon and call-to-action button do not cover them. At the recommended 1440 × 2560 size, that works out to about 358 px at the top, 896 px at the bottom and 86 px on each side.
What is left for the message is roughly 1267 × 1306 pixels, nearly square and above center. That is why a feed ad centered on a 9:16 canvas rarely works: its headline usually ends up in the bottom band. Build the vertical version separately, with the headline near the top of the safe area and the product just below it.
Organic Facebook post and Page sizes
Meta's Help Center does not publish a separate size table for organic feed posts in the articles we checked, so the ad specs are the practical guide: a 4:5 portrait or 1:1 square image at 1080 pixels wide or more fits the same feed and avoids surprise crops. For Facebook Pages, the Help Center does give exact figures.
Because the cover is shown at different ratios on desktop and mobile, keep the product and any words in the middle band and treat the edges as background. MockupX canvases start at 320 pixels per side, so build a cover at double size, 1702 × 630, and export it as JPEG to keep the file small.
| Image | Display or ratio | Recommended upload | Notes |
|---|---|---|---|
| Page profile picture | 176 × 176 px on computers, 196 × 196 px on smartphones | 320 × 320 px | Cropped to a circle |
| Cover photo on computers | Full bleed, 16:9 | 851 × 315 px sRGB JPG under 100 KB loads fastest | At least 400 × 150 px |
| Cover photo on mobile | Full bleed, 2.4:1 | 851 × 315 px sRGB JPG under 100 KB loads fastest | Profile picture overlaps it by about 40 px |
One ad, three shapes
Most product ads need a 4:5 feed version, a 1:1 version for carousels and Marketplace, and a 9:16 version for Stories and Reels. Treat them as three layouts that share a headline, screenshot and background, not as one image cropped three ways. A screenshot that is comfortable in 4:5 is often too small in 1:1 and badly placed in 9:16.
In MockupX, the Portrait preset is 1080 × 1350, Square is 1080 × 1080 and Story is 1080 × 1920; all meet Meta's minimums. To match Meta's recommended sizes exactly, enter 1440 × 1800 or 1440 × 2560 as a custom size, which is available on every plan.
- 4:5 feed: headline at the top, product filling the lower two-thirds
- 1:1 square: shorter headline, product cropped tighter to the key control or result
- 9:16 vertical: headline under the top 14%, product in the middle, empty bottom 35%
Make the screenshot prove one thing
An ad is seen for a moment at phone width. A full dashboard in a browser frame reads as a grey rectangle; one chart, one result or one before-and-after reads as a claim. Crop the screenshot to the part of the product that matches the headline, and put the explanation in the primary text instead of the image.
Worked example: a bookkeeping app advertising automatic receipt matching. The 4:5 version shows an iPhone frame with one matched receipt and its transaction, under the headline “Receipts match themselves.” The square version crops to the matched pair alone. The 9:16 version keeps the iPhone frame, moves the headline up, and leaves the bottom third as plain background for the call-to-action.
Carousel ads: plan the cards together
Facebook feed carousel ads take 2 to 10 square cards, each with its own headline and link. Build every card at the same size and treat the first two as the ad, because many people never swipe further. Each card should show a different product moment, not the same screenshot with a new background.
- Card 1: the outcome, with the product visible
- Card 2: the main workflow step
- Cards 3 and later: features, integrations or use cases, one per card
Review the creative honestly
A mockup is for checking the creative, not for simulating a successful post. Do not add invented likes, comments, follower counts or testimonials to a preview, even an internal one, because those images tend to escape into decks and case studies. Review the image alone at phone size, then use Ads Manager's placement previews to check how Meta crops and overlays it.
Also check what the screenshot shows. Customer names, emails, invoice amounts or another company's logo in demo data can cause problems in an ad. Use realistic sample data you control.
Common Facebook ad image mistakes
Most rejected or weak product ads have one of these problems, and all of them are visible in a mockup before launch.
- A 1.91:1 landscape image in the feed, which takes far less screen height than 4:5
- Headline or logo in the bottom 35% of a Story or Reels ad, hidden behind the call-to-action
- Interface text too small to read at phone width
- Different claims in the image and the primary text
- A low-resolution screenshot scaled up until text looks soft
Build Facebook ad versions in four steps
Start with the feed version, then rebuild for square and vertical placements.
- Write the headline and choose the one product screen that proves it; replace any real customer data.
- Build the 4:5 feed version on the Portrait preset or a custom 1440 × 1800 canvas.
- Rebuild for 1:1 and 9:16, keeping the 9:16 headline and product inside the 14% top, 35% bottom and 6% side margins.
- Export PNG or JPEG, review each at phone size, then upload and check every placement in Ads Manager's preview.
Facebook ad mockup FAQ
What size should a Facebook ad image be?
Meta's Ads Guide recommends 1440 × 1800 pixels at 4:5 for Facebook Feed image ads, 1440 × 2560 at 9:16 for Stories and Reels, and at least 1080 × 1080 at 1:1 for carousel and Marketplace ads. Files can be JPG or PNG up to 30 MB.
What is the Facebook Story ad safe zone?
Meta recommends leaving roughly 14% of the top, 35% of the bottom and 6% on each side free of text, logos and key elements. On a 1440 × 2560 image that is about 358 px, 896 px and 86 px.
What size is a Facebook post image?
Meta's Help Center articles we checked do not list a separate organic feed size. A 1080 × 1350 (4:5) or 1080 × 1080 (1:1) image fits the same feed as ads and avoids unexpected crops. Preview it in the composer before posting.
What size is a Facebook Page cover photo?
The Facebook Help Center says a cover loads fastest as an sRGB JPG that is 851 × 315 pixels and under 100 KB, and must be at least 400 × 150 pixels. It displays at 16:9 on computers and 2.4:1 on mobile.
Can one image work for every Facebook placement?
Not well. Feeds favor 4:5, carousels and Marketplace use 1:1, and Stories and Reels use 9:16 with large safe zones. Build three layouts from the same screenshot and headline.
Does a Facebook ad mockup predict performance?
No. It checks legibility, crop and hierarchy. Performance depends on the audience, offer, bidding and many other factors that a static image cannot show.