Social ToolshedSocial Pack

Twitch emote resizer and 28 px legibility check

The short answer

A Twitch emote must be a square transparent PNG of at least 112 × 112, which Twitch also needs at 56 × 56 and 28 × 28, each 1 MB or less — checked 31 July 2026.

Source: Twitch Help — Subscriber emote guide · Last checked · CORROBORATED

Twitch requires a square PNG of at least 112 × 112 and converts it to 56 × 56 and 28 × 28, or you can upload all three yourself. The Twitch help portal renders its article text with JavaScript and cannot be fetched as plain HTML, so these figures were corroborated from the published article summary rather than quoted from a direct read.

Workbench

112 × 112 · 1:1

Add your image

Drag a file here, paste from the clipboard, or choose one below. PNG, JPEG and WebP.

Nothing is uploaded. The file is read by this tab only.

Runs on your device. Your image is decoded, cropped and encoded by this browser tab. It is never uploaded, and there is no image-processing service behind this page.

Why this asset is awkward

An emote lives or dies at 28 pixels. That is the size it renders at in a chat line, and it is roughly the size of the full stop at the end of this sentence. Detail that looks charming at 112 pixels — a thin outline, a pupil, a strand of hair — collapses into a grey pixel at 28.

Upload once and this page produces all three sizes Twitch asks for, keeps the alpha channel intact, and shows each output at its true display size next to an enlarged view so you can see exactly what chat will see. Download the ladder as a ZIP or grab individual files. Your artwork never leaves the browser.

Exact specification

Exact specification for every asset on this page
AssetPixelsRatioFormatsFile limit
Twitch emote112 × 1121:1png1.00 MB

This one page also answers: twitch emote size, twitch emote dimensions, twitch emote maker, emote resizer. They describe the same asset, so they share a single URL rather than getting a thin page each.

What the overlays mean

The centre box is a Social Toolshed guideline rather than a Twitch requirement. Shapes that run into the outer 10% of the frame lose their silhouette when the image is reduced to 28 pixels, because the edge pixels blend with whatever chat background sits behind them. Keeping the readable subject inside the box is the single most reliable way to make an emote survive.

28 px legibility corekeep content here
Social Toolshed guideline, not a Twitch rule: a shape that touches the outer 10% usually turns to mush at 28 px. Keep the readable subject inside this box.

Three things that go wrong

  1. 01

    Check both chat themes

    The checkerboard toggle switches the preview between light and dark backgrounds. A dark outline that reads perfectly on light chat can disappear entirely on dark, and half your viewers use the other one.

  2. 02

    One idea per emote

    At 28 pixels you get roughly one recognisable shape and one strong colour. A character holding a sign holding a joke is three ideas and reads as none of them.

  3. 03

    Flattening kills an emote

    If your source is a JPEG, it has no transparency and will upload as a square block with a background. The transparency checker on this page tells you before you download whether your image actually has an alpha channel.

Questions people actually ask

What sizes do Twitch emotes need to be?

112 × 112, 56 × 56 and 28 × 28 pixels. You can upload a single square PNG of at least 112 × 112 and let Twitch downscale it, or upload all three yourself for full control over how the small sizes look. This tool exports all three so you can do the latter.

Do Twitch emotes have to be PNG with transparency?

Yes for static emotes — Twitch expects a PNG with a transparent background, so the emote sits cleanly on both light and dark chat. This page preserves the alpha channel and warns you if the image you uploaded is fully opaque.

What is the file size limit for a Twitch emote?

1 MB per file. That is generous for a 112 × 112 PNG — you would have to work hard to exceed it — but the exact byte size of every output is shown before you download, and any file over the limit is flagged.

Can this tool resize animated emotes?

Not in this version. Animated emotes are GIF-based and have their own frame-rate and duration rules; resizing them badly produces something worse than not resizing at all. Rather than silently flattening an animated file to a single frame, this tool tells you it only handles static emotes. Animated support is on the backlog.

Need several of these at once? The One Image to Social Pack takes a single focal point and exports every destination you choose as one ZIP with a manifest.