Twitch Channel Panel ready
Files stay on your device. Enter send · Esc close drawers

Twitch Channel Panel

320×100 PNG · channel about-section

Each social platform crops uploaded media to its own aspect ratio before showing it in feeds. Uploading at the platform's native size — here, Twitch feed posts — preserves the framing you intended and avoids the soft-focus that comes from the platform's own resampler. This preset outputs 320×100 PNG at the 16:5 ratio that Twitch expects.

Specifications

Output dimensions320×100 pixels
Aspect ratio16:5 (16:5)
Output formatPNG
Processing100% in your browser — no upload
CostFree, unlimited
SourceOfficial guidelines

When you'd run Twitch Channel Panel

About Twitch and this preset

Audience: 240+ million monthly users.

How Twitch ranks images: discovery via category browse, follows, and recommendations from prior watches. Posting at the platform's exact native dimensions (320×100 px) preserves your original framing and avoids the softening that happens when the platform's own resampler runs to fit its expected size.

Platform-specific note: Twitch profile assets render in multiple contexts — channel header, raid notification, follow notification — making PNG with transparency the safer choice.

How Twitch Channel Panel 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 16:5 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 320×100 px as PNG.

Where the work happens

Twitch Channel Panel crops your input to 16:5 and resizes it to 320×100 px as PNG — a 32-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.

Social-platform uploads frequently re-encode the file at the platform's CDN; running this preset locally before upload lets you see the exact pre-upload state. 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 Twitch Channel Panel output?

320×100 px, saved as PNG.

Why crop to 16:5?

The target platform — see the cited spec — uses 16:5 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

All social media presets →