Facebook Post Mockup Generator
Drop in your copy, an image and the numbers you want to show, and the Facebook card updates live. Download it as a crisp PNG for a client deck, a landing page or a "here is what it will look like" message. Everything renders in your browser.
drop or click
optional
Numbers, names and the image are yours to change. The PNG is rendered locally at 2× for crisp screenshots.
What the mockup gets right
Facebook shows a 1.91:1 link or image preview, roughly the first 400 characters and a "See more" fold. Reactions show as a stack of icons with a count, and the comment and share counts sit to the right.
The card follows the current Facebook layout: spacing, icon set, where the verified badge sits, how the text folds and how reactions are counted. Dark mode uses Facebook's actual dark palette.
How to make one
- Type the name and the post text.
- Set likes, comments and shares and a time stamp.
- Add an avatar and an image if you want them.
- Choose light or dark, mobile or desktop, then click Download PNG.
Where mockups are useful
- Client approvals: show the post as it will appear rather than as a Word document.
- Pitch decks and case studies that need a realistic social example.
- Landing pages with "as seen on Facebook" proof.
- Training material showing good and bad posts side by side.
If the point is approval rather than a picture, Social by InstantDM previews every platform inside the composer and lets a client approve from a link.
Facebook image sizes (2026)
| Placement | Size (px) | Ratio |
|---|---|---|
| Feed post | 1200 × 630 | 1.91:1 |
| Square post | 1080 × 1080 | 1:1 |
| Story / Reel | 1080 × 1920 | 9:16 |
| Cover photo | 820 × 312 | 2.63:1 |
| Profile photo | 170 × 170 | 1:1 |
| Event cover | 1920 × 1005 | 1.91:1 |
Need one of these sizes? Use the Facebook image resizer.
Frequently asked questions
Can I download the mockup?
Yes. Click "Download PNG" and you get a 2× resolution image of the card. Safari blocks this kind of export; take a screenshot there instead.
Are my images uploaded?
No. The avatar and post image are read by your browser and never leave your device.
Does it support dark mode and desktop layouts?
Both. Toggle them in the toolbar; the download matches what you see.
Can I remove the branding?
There is no branding on the export: just the post card.
Related free tools
Write it here, publish it everywhere
Social by InstantDM schedules to Facebook and seven other platforms from one calendar, with AI captions, previews and an API. Start free — $0 today, cancel anytime.
Sign up for $0.00