# Open Graph image size

> Use 1200 × 630 pixels (1.91:1 aspect ratio), as a PNG or JPEG under 5 MB, with key text inside the center 1000 × 520 area.

URL: https://render.cuelark.com/open-graph-image-size

## Recommended sizes by platform
| Where | Size | Ratio | Notes |
|---|---|---|---|
| Facebook, LinkedIn, Slack, Discord, iMessage | 1200 × 630 | 1.91:1 | Use this if you only make one image |
| X (summary_large_image) | 1200 × 675 or 1200 × 630 | 16:9 or 1.91:1 | Set twitter:card to summary_large_image |
| Square previews (WhatsApp, some chat apps) | Center crop of the same image | 1:1 | Keep the main text centered |
| Minimum | 600 × 315 | 1.91:1 | Smaller images may show as a small thumbnail |

## The safe zone
Some apps crop the edges or round the corners, and chat apps may crop to a square. Keep the title and logo within roughly the central 1000 × 520 pixels, and don't put text in the bottom-right corner, where some apps overlay the domain.

## How to test a preview
- Open the page's HTML source and check that og:image is an absolute https URL that returns 200.
- Use the platforms' own tools: LinkedIn Post Inspector and the Facebook Sharing Debugger refresh their caches.
- Check the file size. Keep it under 5 MB, and smaller loads faster in chat apps.

## FAQ
### PNG or JPEG for Open Graph?
PNG for text and flat colors, JPEG for photos. Both work everywhere.

### Does every page need its own OG image?
No, but a per-page image with the page's title gets noticeably more attention than a generic logo. An image URL template makes that automatic.

### Why does my old image still show?
Platforms cache previews. Refresh them with the platform's debugger, or change the image URL, for example by adding ?v=2.