If you only remember one number, make it 1200 × 630 pixels. That is a 1.91:1 ratio, and it is what Facebook, LinkedIn, Slack, Discord, iMessage and most other link previews are designed around. X (Twitter) crops large cards closer to 2:1, so keep important content away from the top and bottom edges.
Recommended sizes at a glance
| Where | Recommended | Notes |
|---|---|---|
| Open Graph (Facebook, LinkedIn, Slack, Discord, iMessage) | 1200 × 630 | 1.91:1. Facebook recommends at least 600 × 315 for the large preview. |
| X / Twitter large card | 1200 × 630 works | Uses twitter:card = summary_large_image; displayed near 2:1, so the edges can be cropped. |
| X / Twitter profile header | 1500 × 500 | The profile photo covers part of the lower left on most screens. |
| Square posts (Instagram, LinkedIn feed) | 1080 × 1080 | Not used for link previews, but handy for the same campaign. |
File format and weight
- PNG for text-heavy, flat designs (crisp text). JPEG or WebP when the image includes photos.
- Keep files small: well under 1 MB loads fast for crawlers. X rejects images over 5 MB and Facebook over 8 MB.
- Serve the image from an absolute HTTPS URL that returns a real image content type and isn't blocked by robots.txt.
The safe zone
Different apps crop and round the corners of previews differently. Keep your title, logo and any important detail inside the central area, roughly 1100 × 560 of a 1200 × 630 canvas, and never put text right against an edge. Every template in our generator already respects this.
Declare the size in your tags
<meta property="og:image" content="https://example.com/og.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Short description of the image" />
<meta name="twitter:card" content="summary_large_image" />Width and height let platforms render the preview without downloading the image first, which helps on the very first share.
