Resize Images for Open Graph (OG) Previews
When you share a link on Facebook, LinkedIn, Twitter, or Slack, the platform displays a preview image pulled from your page's OG meta tags. The ideal size is 1200x630 pixels. ImageGates resizes any image to this exact dimension for perfect link previews everywhere.
How to use this tool
- Upload source image — Select the image you want to use as your page's link preview image.
- Resize to 1200x630 — The tool resizes to the universal OG image standard. Ensure key content is centered.
- Add to your site — Download and add the image to your page's og:image meta tag for perfect previews.
Guide
Open Graph images are the most overlooked element of web content strategy. A compelling link preview image can increase click-through rates by 2-3x compared to a text-only link or a poorly formatted preview.
OG image specifications by platform: - Facebook: 1200x630px (1.91:1). Shows full image in feed. Below 600x315 may appear as small thumbnail. - LinkedIn: 1200x627px. Very similar to Facebook. Supports larger images but crops to fit. - Twitter: 1200x628px for summary_large_image. 144x144px minimum for summary card. - Slack: Uses OG image. Renders inline with generous sizing. - WhatsApp: Uses OG image for link previews. Crops to roughly 300x200 display size. - iMessage: Uses OG image with slight cropping.
Design best practices: - Place key text/branding in the center 960x420px safe zone - Use bold, readable text — OG images are often shown at small sizes - Include your logo or brand mark for recognition - Avoid fine details that get lost at thumbnail size - Test your image at 150x79px (the smallest it might be displayed)
Technical implementation: ```html <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 property="og:image:type" content="image/jpeg" /> ```
Frequently asked questions
What is an Open Graph image?
An Open Graph (OG) image is the preview thumbnail shown when you share a URL on social media. It's defined in your page's HTML with the og:image meta tag. The standard size is 1200x630 pixels.
What size should OG images be?
1200x630 pixels (1.91:1 ratio) is the universal standard that works on Facebook, LinkedIn, Twitter, and Slack. Some platforms also support 1200x1200 for square previews.
Why doesn't my link preview show an image?
Common reasons: missing og:image meta tag, image URL is incorrect, image is too large (keep under 5MB), or the page hasn't been re-crawled. Use Facebook's Sharing Debugger to diagnose.
Open Image Resizer