Skip to main content

Exact-pixel Image Resizer

Resize to 1200×628: a classic frame for a link preview

When a link unfurls into a card, the picture is a wide rectangle. Type 1200 and 628 so the card shows the subject you composed, not a surprise crop.

Image Resizer

100% client-side · No uploads · Powered by HTML5 Canvas

Need the main tool? Image Resizer

Written by Safaat Rahman Siham, Founder & Developer at Convertify4u. Contact us.

The classic link-preview rectangle

A wide card for a shared link

1200 by 628 is the classic pair people prepare for an Open Graph style link preview: a blog share, a Slack unfurl, a post that becomes a card. The shape is wide, close to 1.91:1. A square 1080 photo dropped into that card loses the sides or gains bars. This page is for the card. Compose the headline and the face inside the frame, a little in from the edges, because some clients shave a few pixels when they draw the preview.

Close to other wide presets, and still its own pair

The social resizer’s Facebook post preset is 1200 by 630. Its LinkedIn post preset is 1200 by 627, and that LinkedIn number is a single post, not a carousel. X’s post preset is 1200 by 675. This page is 1200 by 628, the pair you type when a guide or a CMS field names those exact integers. Two pixels matter when a validator checks the file. Do not assume a Facebook post export will satisfy a field that asked for 628.

Type both numbers on one image

Enter 1200 as the width and 628 as the height. The resizer loads the first file only. JPG, PNG, WebP, and GIF can be that file. The ceiling is 10000 pixels on a side, so this card is a shrink for almost any camera original. If you start from a narrow screenshot, enlarging it to 1200 wide will look soft. Upscaling does not invent detail. Use a master that is already at least this wide when the card will be seen on a desktop.

Weight comes after the card is the right shape

JPEG and WebP honor a kilobyte target. Leave the box blank and they save at quality 0.92. PNG ignores that target, which suits a flat diagram and suits a photo less well. Link previews are usually photographs or simple graphics, so JPEG at 0.92 is a sensible default. If the CMS also caps kilobytes, set the target on a JPEG export or pass the file through the image compressor. Keep this classic geometry either way.

How it works

  1. 1

    Choose the image the card should show

    Add one file. A wide original needs less cropping than a portrait. Put the point of the picture near the center so a client that trims the rim still keeps it.

  2. 2

    Type 1200 and 628

    Those are the two integers. Confirm them in the fields. Leave the aspect lock on only while you are exploring. The export you keep should be this exact pair, even if that means a crop you chose on purpose.

  3. 3

    Download and unfurl a test link

    Read the pixel size, then paste a test URL or upload the meta image in the CMS. JPEG or WebP with a blank kilobyte box uses quality 0.92. Look at the card on a phone and on a desktop.

Common use cases for 1200×628

A blog post share card

The image that appears when someone pastes the article link. This wide frame gives the headline room beside a face or a product.

A chat unfurl

Slack and similar clients draw a wide preview. A square upload becomes a crop you did not plan.

A newsletter hero that matches the web card

Use the same pair in the email and on the page so the story does not change shape between the inbox and the browser.

A CMS field that names these pixels

When the help text says 1200 by 628, type that pair. A Facebook 1200 by 630 export is a different file.

Trust & technology

The classic pair, typed

1200 and 628 are what you enter. Nearby social presets are different files.

Stays on this device

One image is drawn locally, the first file in the selection.

Size aim only where it works

JPEG and WebP can chase kilobytes. PNG ignores that box. Blank means quality 0.92.

Frequently asked questions