When someone pastes your link into a chat or social post, the preview picture usually comes from an Open Graph tag. If you do not set one, the platform picks something, or shows nothing.
The size to aim for
1200 by 630 pixels (about a 1.91 to 1 ratio) is the most widely used size for a large link preview. It is large enough to look sharp on high-density screens and is accepted by the major platforms. Smaller images may be shown as a small thumbnail beside the title instead of a big banner.
Design for the crop
Platforms crop in different ways. Some show the full 1.91:1 banner, others use a square thumbnail, and some trim the edges slightly. A few habits avoid trouble:
- Keep the important content, such as a logo and the headline, in the centre with generous margins.
- Use large, bold text. Previews are often shown small.
- Avoid putting text right against the edges.
- Use strong contrast, so the preview still reads on a dark or light feed.
File tips
- Use JPG or PNG. WebP is not accepted everywhere.
- Aim for well under 1 MB. Large files can be skipped by some crawlers.
- Use an absolute URL starting with
https://in the tag.
The tags
<meta property="og:image" content="https://example.com/images/preview.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">Making the image from any photo
The resizer has presets for common social sizes. Choose Fill to crop to the exact size, or Fit to keep the whole picture with padding. You can choose the focus point so the crop keeps the subject, and download one size or several as a ZIP.
Previews are cached
After changing the image, chat apps and social networks may keep showing the old one for days because they cache previews. Use the platform's own debugger or sharing tool to refresh it, or change the file name of the image so it looks new.
Platform sizes change over time, so check the current guidance from each platform if exact placement matters.