Pick a template, add your title, subtitle, logo and colours, and download a crisp 1200×630 PNG that makes your links stand out when shared.
<meta property="og:title" content="How to Get Your Business Ready for UAE E-Invoicing"> <meta property="og:description" content="A practical checklist for 2026"> <meta property="og:image" content="https://www.example.com/og.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="https://www.example.com/og.png">
Pyalm designs and builds fast, conversion-focused websites in Next.js — the same stack these tools run on. If you'd rather have it built than fiddle with CSS, talk to us.
When a link is shared on LinkedIn, WhatsApp, X, Slack or Facebook, the og:image is the first thing people see. A clear, branded image with a readable headline earns noticeably more clicks than a random crop of your page or no image at all.
Keep text large (it's often shown as a small thumbnail), leave margins because some platforms crop the edges, use your brand colours consistently, and include your logo so the source is recognisable.
📖 Read the full guide: Open Graph Images: How to Make Link Previews That Get Clicked
Preview how your title and meta description look on Google — desktop and mobile, with pixel widths.
Create a complete favicon set from an image, text or emoji — ICO, PNGs, manifest and HTML.
Resize images by pixels or percentage, with presets for social media and passport photos.
1200×630 pixels (1.91:1) is the standard that works on Facebook, LinkedIn, X and WhatsApp. Keep files under about 5 MB; PNG or JPG both work.
Upload the PNG to your site and add <meta property="og:image" content="https://yoursite.com/og.png"> plus twitter:card = summary_large_image to the <head>. The tool gives you the tags to copy.
Platforms cache previews. Use LinkedIn Post Inspector or Facebook's Sharing Debugger to refresh the cached image.