GitHub Repo Social Preview ready
Files stay on your device. Enter send · Esc close drawers

GitHub Repo Social Preview

1280×640 PNG · 2:1

Design assets often have to ship at a single canonical size — an icon set, a profile picture, a thumbnail — because platforms or frameworks will reject anything off-spec. GitHub Repo Social Preview produces 1280×640 PNG, the size GitHub Repo Social Preview expects.

Specifications

Output dimensions1280×640 pixels
Aspect ratio2:1 (2:1)
Output formatPNG
Processing100% in your browser — no upload
CostFree, unlimited
SourceOfficial guidelines

When you'd run GitHub Repo Social Preview

How GitHub Repo Social Preview runs

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

  1. Crop the image to a 2:1 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.
  2. Resize to 1280×640 px as PNG.

Where the work happens

GitHub Repo Social Preview crops your input to 2:1 and resizes it to 1280×640 px as PNG — a 819-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

FAQ

What does GitHub Repo Social Preview output?

1280×640 px, saved as PNG.

Why crop to 2:1?

The target platform — see the cited spec — uses 2:1 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 PNG and not JPEG?

PNG preserves hard edges and transparency that JPEG would smear. Icons, logos, and screenshots compress better as PNG when the image isn't photographic.

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 →