Twitch Emote Resizer

Twitch emotes are uploaded at three sizes — 112, 56 and 28 pixels square — and each file must be under 25 KB. Crop once here and all three are exported together in a ZIP, with every file measured against the cap before you download it.

Nur lokal

Die Oberfläche dieses Tools ist auf Englisch.

Drop a PNG, JPG, WebP or GIF

or drop anywhere on this page · Choose a file · 100 MB

Die folgende Anleitung ist nur auf Englisch verfügbar.

Twitch asks for the same emote three times: 112 by 112, 56 by 56 and 28 by 28. The upload form wants all three, they must be square, and every one of them has to come in under 25 KB. Miss any part of that and the upload is refused with very little explanation.

25 KB is the part that hurts. It is a strict ceiling on a file that is already tiny, and a detailed illustration exported as a lossless PNG can breach it even at 112 pixels. The usual response — re-export, check, re-export — is exactly the loop a tool should absorb.

So this page does the crop once and produces all three sizes from it, measuring each encoded file against the 25 KB cap and bundling them into a ZIP named the way the upload form expects. The downscale runs in halving steps, which is what keeps a 28-pixel emote a recognisable shape rather than a handful of aliased pixels.

Subscriber badges use a different set of three sizes — the sub badge resizer covers 72, 36 and 18.

For a single image that has to meet a byte budget of your own, the Compress Image tool takes any target size.

The three sizes Twitch asks for

All three are required, all three are square, and all three share the same 25 KB ceiling — which is easiest to hit on the largest and hardest to design for on the smallest.

Size	Where it is used	Byte cap	Design reality
112 × 112	Emote picker, hover preview	25 KB	The only size where detail is visible
56 × 56	Chat at larger zoom levels	25 KB	Detail thins out; shape carries it
28 × 28	Chat at default size	25 KB	A silhouette and two or three colours

Why the 28-pixel version decides the design

Most viewers see the 28-pixel emote and nothing else. An emote designed at 112 and scaled down is usually unreadable there: thin outlines merge, gradients turn to mush, small features disappear into a single mid-tone.

The fix is compositional, not technical. Build the emote from one strong silhouette with high contrast and no line thinner than about four pixels at 112 — which is one pixel at 28. Check the smallest export first; if it reads, the other two certainly will.

Getting under 25 KB without ruining the art

PNG is lossless, so its size tracks the complexity of the image. Flat colour with hard edges compresses to a few kilobytes at any of these sizes. Soft shadows, gradients, photographic texture and semi-transparent edges do not, and they are what pushes a 112-pixel emote past 25 KB.

If the artwork genuinely needs that complexity, switch the export format to WebP: the exporter then searches for the highest quality that fits under the cap, and reports the result rather than assuming it. For PNG it measures and tells you honestly when a file is over, which is the only useful thing a tool can do about a lossless format.

Reduce the palette — an emote rarely needs more than a dozen colours.
Remove drop shadows and outer glows, which are pure gradient and compress worst.
Trim transparent padding; the cap is on bytes, and empty alpha still costs some.
Switch to WebP if the artwork must keep its gradients.

What the ZIP contains

One file per size, named by its pixel dimension, packed uncompressed — PNG and WebP are already compressed, so deflating them again buys almost nothing and costs time. Drag the three files straight into the Twitch upload form.

Frequently asked questions

What sizes do Twitch emotes need to be?

112 by 112, 56 by 56 and 28 by 28 pixels, all square, all required at upload. This page produces all three from a single crop and bundles them into one ZIP, so a set is one operation rather than three exports and a manual check.

Why does Twitch reject my emote?

The usual cause is the 25 KB file size limit, which applies to every one of the three sizes. Detailed or photographic artwork exported as lossless PNG can exceed it even at 112 pixels. Each exported file is measured against the cap on this page before you download it.

How do I get an emote under 25 KB?

Cut what the encoder has to describe: fewer colours, no soft shadow or glow, harder edges, no photographic noise. If the artwork needs its gradients, export WebP instead and the quality search will land under the cap automatically, which PNG has no mechanism to do.

Why does my emote look like mush in chat?

Because chat shows the 28-pixel version, and that is a silhouette in two or three colours — nothing more. Lines thinner than roughly four pixels at 112 vanish entirely at 28. Design for the smallest size and let the larger ones inherit the clarity.

Can I upload an animated emote?

Animated emotes are a partner and affiliate feature and require a GIF, which this tool does not produce. It handles the still frames, and the frame dimensions are identical — so exporting here first gets the geometry right before the animation work starts.

Are my emote files sent to a server to be resized?

No. Decoding, cropping, resizing, encoding and the ZIP are all done by your browser on this page. There is no upload endpoint on this site, which for unreleased commissioned artwork is worth more than a promise — the Network panel shows it plainly.

ToolsByUs team · How we check our tools