Direct answer
Resize link-preview artwork to the 1200×630 default or 1200×628 canvas. Crop or pad locally, then check your destination platform’s preview. Use Crop to fill to cover the 1.91:1 canvas edge-to-edge, or switch to Fit & pad with white, custom hex, or transparent margins.
How to use this tool
Drop your social preview artwork or blog header
Select up to 20 JPG, PNG or WebP images. The tool starts with the 1200×630 canvas.
1200×630 / 1200×628
Resize link-preview artwork to the 1200×630 default or 1200×628 canvas. Crop or pad locally, then check your destination platform’s preview.
Select Crop to fill or Fit & pad framing
Use Crop to fill to cover the 1.91:1 canvas edge-to-edge, or switch to Fit & pad with white, custom hex, or transparent margins.
Export and configure og:image metadata tags
Download the optimized image and set og:image, og:image:width, and og:image:height in your HTML head for fast card generation.
Open Graph image sizes and framing
This tool offers 1200×630 and 1200×628 canvases for link-preview artwork. Their aspect ratios are approximately 1.91:1. Open Graph defines image metadata, not a universal required image size. Check how your destination platform displays the exported image.
Practical examples
Cropping a 16:9 banner (1920×1080) to a 1200×630 Open Graph card
Input: 1920×1080 JPEG landscape banner (16:9 ratio, 2.1 MB)
Output: 1200×630 JPEG
Crop to fill scales the width and gently trims top and bottom margins to produce the preset 1200×630 Open Graph preview.
Fitting a square logo (1000×1000) inside a 1200×630 canvas with padding
Input: 1000×1000 PNG logo (1:1 ratio)
Output: 1200×630 PNG with centered 630×630 logo and balanced side pillarbox margins
Fit & pad preserves the complete square logo without clipping and fills side bars with brand color or clean white.
Preparing a 1200×628 link card for high-resolution social sharing
Input: 2400×1256 PNG illustration (1.91:1 ratio)
Output: 1200×628 PNG or WebP optimized for social link cards
Downscales the raster illustration to the 1200×628 preset. Inspect the exported file size before publishing.
Limitations
- Platforms cache og:image URLs aggressively; after updating an image on your site, use platform debugger tools to force crawler re-scraping.
- Transparent padding in Fit & pad mode requires PNG or WebP output; JPEG format will prompt for a solid background color.
- With upscaling disabled, Fit & pad keeps small images at their original size inside the target canvas. Crop to fill is blocked if the source or crop is too small. Enable upscaling explicitly to enlarge; it cannot restore missing detail.
Frequently asked questions
What is the recommended Open Graph image size?
Resize link-preview artwork to the 1200×630 default or 1200×628 canvas. Crop or pad locally, then check your destination platform’s preview.
Why should I specify og:image:width and og:image:height tags?
og:image:width and og:image:height describe the image dimensions in pixels. They provide information to the consuming platform; they do not guarantee a preview on the first share.
Will my Open Graph image look identical on every social platform?
No. 1200×630 is a preset offered by this tool. Platforms control their own preview layouts and may crop the image differently; inspect the published preview.
Are my preview images uploaded to an external server?
No. All resizing, cropping, and padding operations run locally inside your browser via the HTML5 Canvas API, keeping your unreleased graphics completely private.
Authoritative References & Standards
- The Open Graph Protocol: image metadata ↗ — Defines og:image and optional image width and height; no mandatory pixel dimensions.
- W3C Portable Network Graphics (PNG) Specification (Third Edition) ↗ — PNG file format, including lossless encoding and alpha transparency; resizing can change pixel detail.
- MDN: CanvasRenderingContext2D.drawImage() ↗ — Source crop rectangles and destination dimensions.
- MDN: HTMLCanvasElement.toBlob() ↗ — Browser image export; JPEG and WebP quality can introduce compression loss.