Open Graph (Social Share)

Specifications

Output dimensions	1200×630 pixels
Aspect ratio	1200:630 (1200:630)
Output format	JPEG @ 90% quality
Processing	100% in your browser — no upload
Cost	Free, unlimited
Source	Official guidelines

When you'd run Open Graph (Social Share)

Replacing a generic placeholder with a hand-crafted asset at the correct 1200×630 pixel size.
Sizing brand assets for client deliverables, design portfolios, or system-mockup exports.
Preparing assets for a CMS or template that requires a specific pixel dimension.
Generating consistent thumbnails or hero images across a content series.

How Open Graph (Social Share) runs

This preset is a deterministic recipe — every step has fixed parameters so the result is byte-identical across runs of the same input.

Crop the image to a 1200:630 aspect ratio. Mochi keeps the centre of the frame in the middle of the crop by default — drag the crop box if you want to recompose.
Resize to 1200×630 px as JPEG at quality 90%.

Where the work happens

Open Graph (Social Share) crops your input to 1200:630 and resizes it to 1200×630 px as JPEG — a 756-kilopixel output. The work runs through canvas APIs and a WebAssembly image-encoder; the source image is decoded into an off-screen canvas, transformed in place, and re-encoded without any network upload.

Design deliverables to clients often require an exact pixel-size; this preset's deterministic output makes the deliverable repeatable. The browser-side path also means the file never leaves your device — relevant when the input contains personally identifiable information, screenshots of private documents, ID scans, or proprietary product photography.

Common mistakes

Generating only the 1200×630 version when the platform also needs a 2× retina variant. Check whether you need a 2400×1260 export for HiDPI screens.
Submitting a JPEG when a transparent background is required. This preset outputs JPEG to preserve transparency where the platform expects it.
Burning anti-aliased edges into a coloured background. Render your source on transparent first, then run this preset, so the icon edges blend cleanly on whatever surface it lands on.
Uploading sensitive images to a server-side tool. This preset runs entirely in your browser; the file never leaves your device. Verify this in your browser's network panel if working with confidential material.

FAQ

What does Open Graph (Social Share) output?

1200×630 px, saved as JPEG at quality 90%.

Why crop to 1200:630?

The target platform — see the cited spec — uses 1200:630 as its native frame. Submitting any other ratio means the platform's own crop runs, which often clips faces or text near the edge.

Why JPEG and not PNG?

The target accepts JPEG, and JPEG compresses photographic content 5-10× smaller than PNG with no visible difference at quality 90%. PNG is the right choice only when the image has hard edges or transparency — which photo-ID, social posts, and product photos don't.

Does my image get uploaded?

No. This preset runs entirely in your browser using WebAssembly + canvas APIs — no server round-trip. You can verify this in your browser's network panel: only static asset requests, no image upload. The file never leaves your device.

Related presets

Browse all recipes →