Resize an image to 1200x630 or another size, check its dimensions and file size, preview the link card on social platforms, and copy the meta tags.
This tool runs entirely in your browser. What you enter is never sent anywhere.Your input is never sent anywhere.
DetailsDrag an image here or tap to choose
PNG, JPG, and WebP supported
Long text wraps automatically to fit the image width.
Preview1200×630
Upload an image
The preview appears here
What an Open Graph image is and what this tool checks
An Open Graph image (OG image) is the picture that appears on the link card when your URL is shared on X, Facebook, LinkedIn, Slack, and similar apps. You set it with the og:image meta tag. If its size or ratio is off, the card can crop the picture, shrink it to a thumbnail, or skip it.
This tool resizes your image to 1200 x 630 px (1.91:1) or another preset, either by cropping or by fitting the whole image on a background color. When you pick a file, it checks the dimensions, ratio, and file size of the source and marks each as OK, Warning, or Fail. You can add a text title, and save as PNG, JPG, or WebP.
The Social preview tab builds how your title, description, and image will look on X, Facebook, LinkedIn, and Slack, and writes the og:title, og:image, and twitter:card tags for you to copy.
When you need to resize an image for link previews
A blog post featured image
Turn a featured image of any shape into a 1200 x 630 px image so the link card shows the whole picture.
Checking a card before you publish
Enter the title, description, and image to see them on X, Facebook, LinkedIn, and Slack, including how long titles are cut off.
Checking an image you already have
Drop the file in and see at once whether its size, ratio, and file size meet the Open Graph numbers.
Writing the meta tags
Copy a ready set of og:title, og:description, og:image, og:image:width, and twitter:card tags for your page head.
Making a title image with text
Add a headline over the image, choose its size and position, and keep it inside the safe zone so no edge cuts it off.
Other image sizes
Export a square, an Instagram post, a 16:9 thumbnail, or a 9:16 vertical image, or enter any size up to 4096 px.
How to resize, check, and preview in 5 steps
- On the Resize image tab, choose a file. The OG image size check shows the source size, ratio, and file size.
- Pick an Output Size and a Fit Mode (Crop to fill or Fit whole image). Turn on Show safe zone to see which areas may be cut off.
- Add a Text Overlay if you want one, choose PNG, JPG, or WebP, and click Save image.
- Open the Social preview tab, enter your title, description, page URL, and X card type, and look at each card.
- Click Copy under Generated meta tags and paste the tags into the head of your page.
Note: The image you resize is reused in the previews automatically. The Preview this image on social platforms button takes you there directly.
What the checks measure and how files are saved
- Source versus output: the Image size, Aspect ratio, and File size rows describe the file you chose. The Saved file size row describes the file you are about to download.
- Check thresholds: the size check passes at 1200 x 630 px or more and warns between 600 x 315 and 1200 x 630 px. The ratio check passes within 1% of 1.91:1 and warns within 10%. The file check fails above 5 MB.
- Safe zone: the blue dashed frame sits 10% inside each edge. The orange dashed square is the center 1:1 area that the X summary card keeps. Neither frame is drawn onto the saved image.
- Text overlay: text that does not fit the image width wraps onto more lines. Lower the text size or move it if the lines run out of space.
- Preview cut-offs: the previews shorten long titles and descriptions at fixed lengths to approximate each platform. The real cut-off differs by platform and can change.
- Meta tag URL: the og:image and twitter:image values are sample URLs. Replace them with your image's absolute URL.
Open Graph image sizes by platform
The size and ratio each platform asks for, and what to watch for.
| Platform | Recommended size (px) | Aspect ratio | Notes |
|---|---|---|---|
| Open Graph (Facebook) | 1200 x 630 | 1.91:1 | The standard size. Images under 600 x 315 may not show as a large card |
| X: summary with large image | 1200 x 600 | 2:1 | X's documented minimum is 300 x 157 and maximum 4096 x 4096, under 5 MB |
| X: summary | 144 x 144 or larger | 1:1 | The image is cropped to a square around the center |
| 1200 x 627 | 1.91:1 | Nearly the same as 1200 x 630 | |
| Slack and Discord | 1200 x 630 | 1.91:1 | A landscape 1.91:1 image shows well in both |
One size for most cards
A 1200 x 630 px image covers Facebook, LinkedIn, Slack, and Discord, and X accepts it for the large card. If X is your main channel, export the X large image card preset (1200 x 600 px) instead, and keep the key content near the center.
Keep the key content inside the safe zone
Platforms crop edges differently, and the X summary card keeps only a center square. Put logos and headlines inside the 10% safe zone, and check the orange square if you use the summary card.
File size
X's documentation says card images must be under 5 MB. PNG keeps text sharp. JPG and WebP make photos smaller.
X cards, absolute URLs, and cached previews
The tag settings that decide how your image appears, and how to refresh an old preview.
twitter:card decides the card shape on X
A 1200 x 630 px image does not guarantee a wide card on X. Without twitter:card set to summary_large_image, X does not use the large image format.
With the value summary, the image is cropped to a square. Pick the card type in the Social preview tab and the preview and the generated tags both follow it.
Use an absolute URL for og:image
The og:image value should be a full URL such as https://example.com/images/ogp.png. A relative path like /images/ogp.png may not be read by the crawlers that build link cards.
The tool inserts a sample URL, so replace it with the address of the file you uploaded.
When an old image keeps showing
Platforms store a copy of your card, so a new image can take a while to appear. Using a new file name, or adding a version value such as ?v=2 to the image URL, can make a crawler treat it as a new image.
After you publish, check the real page with each platform's own debugger, such as Facebook's Sharing Debugger or LinkedIn's Post Inspector. The preview here only shows how your inputs are likely to be laid out.
Why your link preview looks wrong
The image is cropped on the card
You upload a square or tall picture, and a platform trims it to a wide card. A logo or a headline near the edge gets cut off.
💡 See the solution▼
X shows a small square instead of a wide card
The page has twitter:card set to summary, or no twitter:card tag at all, so X uses the small card and crops the image to a square.
💡 See the solution▼
No image appears at all
The og:image value is still the sample URL, or it is a relative path, so the crawler cannot find the file.
💡 See the solution▼
The image looks blurry on the card
A small source image is enlarged to 1200 x 630 px, so the card looks soft, especially on high-density screens.
💡 See the solution▼
The file is too large to display
A photo exported as PNG can be several megabytes, and a file over a platform's limit may not be used for the card.
💡 See the solution▼
A long title is cut off on the card
The title and description run past what a platform shows, so the card ends with an ellipsis in the middle of your message.
💡 See the solution▼
OG image size FAQ
Q.What is the correct size for an Open Graph (og:image) image?
A. Use 1200 x 630 px, a 1.91:1 ratio. Images smaller than 600 x 315 px may not show as a large card. The tool checks your source image against both numbers and flags anything under the minimum.
Q.What image size does X use for large link cards?
A. X's documentation says images for the summary card with large image support a 2:1 aspect ratio, with a minimum of 300 x 157 px and a maximum of 4096 x 4096 px. Choose the X large image card preset (1200 x 600 px) for that ratio. A 1200 x 630 px image also works, but it can lose a few pixels at the top and bottom.
Q.Why does X show my image as a small square?
A. The twitter:card tag is set to summary, or it is missing. The summary card crops the image to a 1:1 square. Set twitter:card to summary_large_image to get the wide card. Turn on Show safe zone in the tool to see the square area that the summary card keeps.
Q.Can I enter a URL and see my page's OG preview?
A. No. This page runs in your browser and does not fetch other sites, so it cannot read the tags of a live URL. Enter the title, description, and image yourself and the tool shows how each platform will lay them out. After publishing, check the real page with each platform's own debugger.
Q.Which file format should I save the OG image in?
A. Choose PNG for graphics and text, which keeps edges sharp, and JPG or WebP for photos, which makes smaller files. You can set the quality for JPG and WebP. If your browser cannot export WebP, the tool saves a PNG instead and tells you. X lists PNG, JPG, WebP, and GIF as supported, but some other scrapers may not read WebP, so PNG or JPG is the safer choice.
Q.How large can an OG image file be?
A. X's documentation says card images must be under 5 MB, and the tool uses 5 MB as its limit. The size check flags a source image over 5 MB, and the Saved file size row shows the size of the file you are about to download. Switch to JPG or WebP, or lower the quality, if it is too large.
Q.Can I paste the generated meta tags straight into my site?
A. Almost. Replace the sample og:image and twitter:image URL with the absolute URL of your uploaded image, starting with https://. A relative path may not be read by the crawlers. The og:image:width and og:image:height values already match the size you exported.
Q.How do I fit a tall or square photo without stretching it?
A. Use Fit Mode. Crop to fill cuts the image to the target size around its center. Fit whole image keeps the entire picture and fills the leftover space with the background color you choose. Neither option stretches the image.
Q.Which other sizes can I export?
A. Besides the Open Graph, X, and LinkedIn presets, you can export a 1200 x 1200 square, an Instagram post at 1080 x 1080, an X post or YouTube thumbnail at 1280 x 720, and a 1080 x 1920 vertical image. Custom size accepts a width and height from 16 to 4096 px.
Q.Is my image uploaded to a server?
A. No. Loading, resizing, cropping, adding text, and the size check all happen in your browser, and nothing is sent to a server. The image stays in the page while it is open.
Your feedback
makes this tool better.
Tell us which features you'd like, what should be fixed, or which new tool you'd like to see. An engineer reads every submission and uses it to guide development.