Free tool · runs in your browser

Twitch Emote Resizer

Turn one piece of artwork into the exact PNG sizes Twitch requires, the 28, 56, and 112 px emote set, sub badges, a profile picture, and a panel, transparent and under every file cap. Your image never leaves your device.

Design for the 28 px, not the 112

Twitch shows every emote at three sizes, and the smallest, 28 pixels, the size it appears in chat, is the one that decides whether it works. Fine detail, thin lines, and small text vanish at that scale, so the emotes that land are bold shapes with thick outlines and a single clear idea. Make the artwork read at 28 px first; scaling up to 112 is easy, but nothing rescues a busy design shrunk small. For a clean transparent cutout to start from, our background remover isolates your subject before you bring it here.

Crop to fill, or fit and pad

Emotes are square, so a non-square source has to be reframed. Crop to fill centres and trims to the square. best when the subject is central and the edges are expendable. Fit & padshrinks the whole image inside the square and fills the rest with transparency, so nothing is cut but the art sits smaller. Keep the background transparent either way: PNG preserves it, and a transparent emote sits cleanly on Twitch’s dark and light chat themes alike.

How it works

How to make a Twitch emote set

One upload to the full pack, in five steps:

  1. 1

    Upload your artwork

    A square PNG with a transparent background works best. It's read into the browser, and nothing uploads.

  2. 2

    Pick the surface

    Emote, sub badge, profile picture, or panel. Each generates the exact sizes Twitch requires.

  3. 3

    Crop or pad, and clean the background

    Crop to fill the square, or fit & pad with transparency; optionally turn a white background transparent.

  4. 4

    Check each size is under the cap

    Every output shows its file size and flags anything over Twitch's limit: badges are a tight 25 KB.

  5. 5

    Download the set

    Grab each PNG, or download the whole pack as a ZIP, ready to upload to your creator dashboard.

Twitch image sizes, in one place

Every surface this tool exports, with the sizes and the file cap that catches people out. Reviewed June 2026; re-check against Twitch’s help docs before a big upload.

SurfaceSizes (px)Max per fileFormats
Emote28×28, 56×56, 112×112976.6 KBPNG, GIF
Sub badge18×18, 36×36, 72×7224.4 KBPNG
Profile picture256×2569.54 MBPNG, JPG
Panel320×1002.77 MBPNG, JPG

Frequently asked questions

Is my image uploaded to a server?

No. The resizing is done on a canvas in your own browser, so the artwork never leaves your device, and there's no account or log. You can prep emotes for an unreleased channel safely.

What sizes does Twitch need?

Emotes come as a three-size PNG set: 28×28, 56×56, and 112×112. Subscriber badges are 18×18, 36×36, and 72×72. A profile picture is 256×256, and an About panel is 320×100. This tool generates the full set for whichever surface you pick.

Why are there file-size limits?

Twitch caps each file so it loads fast in chat. Emote PNGs must be under 1 MB each, which is easy, but sub badges have a hard 25 KB limit, which is genuinely tight. The tool shows the size of every output and flags anything over the cap so you don't get a rejected upload.

How do I keep emotes transparent?

Start from a PNG that already has a transparent background and the exports stay transparent, because PNG preserves it. If your source sits on a flat white background, switch on “Make white transparent” to knock it out. For a clean cutout from a photo or a busy background, run it through our background remover first, then bring the transparent PNG here.

Can I make animated emotes?

Not yet. This tool exports the static PNG set. Animated emotes are a GIF format available to Twitch Affiliates and Partners with Bits enabled; if you're making those, prepare the animation in your editor and use the static set here as the fallback frames.

My 28×28 emote looks blurry. How do I fix it?

At 28 pixels there's almost no room for detail, so fine lines and small text turn to mush no matter how you scale. The tool already downsamples in steps to keep edges as crisp as possible, but the real fix is the artwork: bold shapes, thick outlines, and one clear idea read at emote size; intricate illustrations don't. Design for the smallest size first, not the largest.