Meta Ads Preview Tool — free Facebook & Instagram ad mockups

Upload your creative, add your copy, and see exactly how your ad will look in Feed, Stories and Reels — with safe zone overlays, dark mode and PNG export. Free, no signup.

Preview every Meta ad placement in seconds

The preview tool above mocks up your ad with real Meta UI — Sponsored labels, CTA buttons, reaction bars and the Reels action rail — so what you see is what your audience sees:

  • Facebook Feed — primary text truncation ("See more" at ~125 characters), link card, CTA button and engagement bar
  • Instagram Feed — caption truncation, CTA banner and action row
  • Instagram Stories — full 9:16 with progress bar, profile chrome and swipe-up CTA
  • Instagram Reels — action rail, caption clamp, CTA and audio row
  • Facebook Reels — Facebook-styled reels chrome

It works with images and video, previews light and dark mode, exports PNG mockups for client approvals, and everything renders locally — your files never leave your browser.

Check Meta ad safe zones before you publish

Meta overlays its own interface on Stories and Reels ads — profile info at the top, caption, CTA and action buttons at the bottom. Creative in those areas gets covered. Keep text and logos out of these zones (shown on a 1080×1920 canvas):

PlacementTopBottomSides
Instagram Stories ads14% (~250 px)20% (~340 px)6% (~65 px)
Instagram & Facebook Reels ads14% (~250 px)35% (~670 px)6% (~65 px)

And size your creative to the placement:

PlacementRatioRecommended size
Feed (Facebook & Instagram)1:1 or 4:51080×1080 or 1080×1350
Stories & Reels9:161080×1920
Landscape link ads1.91:11200×628

How to preview your Facebook and Instagram ads

  1. Upload your creative — drag and drop an image or video, click to browse, or paste from your clipboard.
  2. Add your copy and brand — primary text, headline, CTA, page name and logo. The character counters flag anything that will truncate.
  3. Check every placement — flip through Feed, Stories and Reels, toggle safe zones and dark mode, then export PNG mockups.

Why preview ads before they go live

Most "underperforming creative" was never seen the way it was designed. Primary text cuts off at ~125 characters and buries the hook. A 1:1 image loses its edges when Stories crops it to 9:16. The bottom third of a Reel disappears under the caption and CTA. Half your audience sees your ad in dark mode.

Catching that takes thirty seconds in the tool above — before media spend finds it for you. This tool is built by Hey Sage, a Meta ads agency. While you're here, model your ad economics with our free Shopify ecommerce calculator.

Meta ads preview tool FAQ

Is this Meta ads preview tool really free?

Yes — completely free, with no account, no watermark and no usage limits. It's a free tool built by Hey Sage, a Meta ads agency.

What ad placements can I preview?

Facebook Feed, Instagram Feed, Instagram Stories, Instagram Reels and Facebook Reels — each drawn with realistic Meta UI, in light or dark mode.

What are the safe zones for Instagram Stories and Reels ads?

For Stories ads, keep text and logos out of the top 14%, bottom 20% and 6% on each side. For Reels ads, keep the top 14%, bottom 35% and 6% sides clear — Meta overlays profile info, captions and the CTA in those areas. The tool draws these zones over your creative.

What size should my Meta ads be?

Use 1080×1920 (9:16) for Stories and Reels, 1080×1350 (4:5) or 1080×1080 (1:1) for feed placements, and 1200×628 (1.91:1) for landscape link ads.

Can I preview video ads?

Yes — upload an MP4 or MOV and it plays inside every placement. PNG export captures the current video frame.

Are my images and videos uploaded anywhere?

No. Everything renders locally in your browser — your files never leave your device.

How is this different from previewing in Meta Ads Manager?

You don't need a campaign, an ad account or a login. Preview creative in seconds, toggle safe zones and dark mode, and export shareable PNG mockups for client approvals.