How it works
- Step 1
Drop your image
A JPG, PNG or WebP, up to 10 MB. Wide photos crop best.
- Step 2
Check the previews
See your link on WhatsApp, Facebook, X and LinkedIn, and pick which part to keep.
- Step 3
Upload and paste
Upload og-image.jpg to your site and paste the meta tags into your <head>.
What is an Open Graph image?
When you share a link on WhatsApp, Facebook, X or LinkedIn, the app reads the page's Open Graph meta tags and shows a card with an image, a title and a description. The image comes from the og:image tag. Without one, your link shows as plain text or with a random picture from the page.
Open Graph image size for each platform
| Platform | Recommended size | Good to know |
|---|---|---|
| 1200 × 630 px | Images over about 300 KB are skipped | |
| 1200 × 630 px | At least 600 px wide for the large card | |
| X (Twitter) | 1200 × 630 px | Needs twitter:card set to summary_large_image |
| 1200 × 627 px | 1200 × 630 looks the same |
Tips for a link preview that gets clicks
- Keep the subject in the middle. Some apps crop the edges or show the image small, so text and faces near the border get cut.
- Use a real photo of your product or store rather than a logo on white; it stands out in a busy chat or feed.
- Write a short title. Around 60 characters shows in full on every platform.
- Use the full https URL in og:image, not a relative path like /og-image.jpg.
- Finish the job with a favicon so your tab and bookmarks look as good as your shared links.
Frequently asked questions
The picture that shows when someone shares your link on WhatsApp, Facebook, X, LinkedIn, Slack or iMessage. It is set with the og:image meta tag. Links with a good image get far more clicks than bare URLs.
1200 × 630 pixels (a 1.91:1 ratio). Every major platform uses this shape for large link previews, so one image covers them all. This tool crops and resizes to exactly that.
WhatsApp skips preview images over about 300 KB, and many photos are bigger. This tool always saves a JPEG under 300 KB. Also check that the image URL is public and starts with https.
Upload og-image.jpg to your site (most builders have a "social image" or "share image" setting), then paste the meta tags into the <head> of the page. Use the full https URL of the image in og:image.
Platforms cache previews. Use the Facebook Sharing Debugger or LinkedIn Post Inspector to fetch your page again, or give the new image a different file name.
No. The image is resized in memory and sent straight back to you. Nothing is saved on our servers and there is no signup.
Find this tool useful?
Share it with your readers or students. Copy this link into your blog post, course or resource page.
<a href="https://nanosite.ai/tools/og-image-generator">Open Graph image generator</a> by NanoSiteMore free tools
- Image resizerResize a photo to the exact size Shopify, Amazon, Etsy or Instagram needs. It never leaves your device.Open tool
- Image compressorMake JPG, PNG and WebP images up to 80% smaller with no visible loss, so your store loads faster.Open tool
- White background removerTurn a product photo on a white backdrop into a transparent PNG. Your photo never leaves your device.Open tool
Ready to sell? Build your store with AI
Describe your store and NanoSite builds it, with products, checkout and payments included. Free to start.
Build my store free