$ previewer run fb-post

Facebook Post Preview Tool

Write your post, add an image or link, and see exactly how it renders on Facebook — character limit, link preview, reactions, and dark mode included. Free, no login.

fb-post.json

63,206 characters left

// text saves to this browser only — images are never uploaded anywhere

light-preview.png
YB
Your Name @yourname · 2h

Sharing some thoughts on the future of social media…

👍 128 💬 42 ↗️ 18

// why this matters

Small things that make a post flop.

The 63k-character limit

Facebook allows up to 63,206 characters, but long posts get truncated with a "see more" fold. Preview where the fold lands.

Image crop and fit

Facebook crops images to a fixed ratio in the feed. Upload yours here to see how it will be displayed before you post.

Link preview accuracy

The link preview pulls title, description, and image. Fill them in here to see exactly what will show up in your post.

// what's inside

Everything you need to check before you post.

Live character counter

A real-time counter for the 63,206-character limit with a visual ring that warns you when you're approaching the cap.

Image upload preview

Upload an image and see it rendered inside the mockup at the exact size and position Facebook uses.

Link card preview

Fill in URL, title, description, and image to preview the link card as it would appear in your feed.

Light / dark mode

Switch instantly between Facebook's light and dark display modes without leaving the page.

Download the mockup

Export your preview as a PNG to share with a client or teammate for approval.

No login, no posting

Nothing here connects to Facebook. It's a private, local mockup — nothing is ever published for you.

// how it works

Three steps, one polished post.

zsh

$ write-your-post // watch the character ring as you go

$ add-an-image-or-link // optional, drag and drop or click

$ check-light-and-dark // then copy it into Facebook

$

// writing tips

Posts that get engagement.

01

Hook in the first line

The first few lines are what show in the feed preview. Put the most compelling statement right at the start.

02

Keep paragraphs short

Dense blocks get skimmed. Break up your post into short, scannable paragraphs for better readability.

03

Use a high-quality image

Images with clear focal points perform better. Use the preview to ensure your crop isn't cutting off important details.

04

Check link preview accuracy

Make sure the link card's title, description, and image match your message. Preview it here to catch errors.

// faq

Questions, answered plainly.

What is the character limit for a Facebook post?

Facebook posts can be up to 63,206 characters. This tool counts characters live and warns you as you approach the limit.

Can I preview an image with my Facebook post?

Yes. Upload an image and it will appear inside the mockup exactly where it would in a real post, so you can check the crop and composition.

Can I preview a link on Facebook?

Yes. Toggle to link mode and fill in the URL, title, description, and upload an image to see how the link preview will render in the feed.

Does this tool post to Facebook for me?

No. This is a preview-only tool. It never connects to your Facebook account and never publishes anything on your behalf.

Can I see how my post looks in dark mode?

Yes. Use the light/dark toggle above the preview to check how your post renders in both of Facebook's display modes.

Is my post text or image stored anywhere?

Your draft text is saved only in your own browser's local storage so it survives a refresh. Uploaded images are not saved and nothing is sent to a server.