Social network preview mockup for an image

Check what a link share will look like before publishing: upload your preview image (og:image), title, and description, and see the simulated rendering in a Facebook- or X-style card.

PNG, JPG or WebP — ideally 1200x630

How it works

When a link is shared on Facebook, LinkedIn or X, the platform reads the page's Open Graph tags (og:image, og:title, og:description) to build a preview card. This tool visually recreates that card from the same information, so you don't need to publish the link to check its rendering.

Why is my title or description truncated?

Each platform limits the number of characters and lines displayed before cutting the text with ellipses. This mockup uses a limit of two lines for the title and one line for the description, close to the real behavior observed on the main networks.

Does this tool modify the meta tags on my site?

No, it's only a visual preview based on the information you enter here. You still need to add your own Open Graph tags to your page's HTML code for the real rendering to match this preview.

No image or text is sent to a server: all rendering is generated locally in your browser.