Open Graph (OG) images are what appear when any webpage URL is shared on Facebook, LinkedIn, Twitter, Slack, iMessage, and countless other platforms. A well-designed OG image significantly increases click-through rates from shared links.
Open Graph Image Specifications
| Spec | Value |
|---|---|
| Recommended size | 1200×630 px |
| Minimum size | 600×315 px |
| Aspect ratio | 1.91:1 |
| Max file size | 8 MB (Facebook) |
| Format | JPG, PNG |
Adding OG Image Meta Tags
Add this code to the <head> section of your web page:
<meta property="og:image" content="https://yoursite.com/og-image.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta name="twitter:image" content="https://yoursite.com/og-image.jpg">
Creating OG Images Free
Upload your image to imgresizr.com. Crop to 1.91:1 aspect ratio and resize to 1200×630px. Add your page title or a compelling headline using the Caption tool. Include your brand name or website URL in small text at the bottom. Keep important content in the central 60% of the image — platforms may crop edges. Download as JPG at 90% quality and upload to your server.
OG Image Strategy
- Create unique OG images for each key page — generic images get ignored
- Include the page title as text in the image — reinforces the message
- Test by sharing the URL in Facebook Debugger to preview the card
- Update OG images regularly — fresh images catch repeat visitors' attention
Create Open Graph images at the correct 1200×630px size at imgresizr.com — free, ready for any platform.