How to resize an image for Twitch emotes and badges
Twitch wants the same picture at several exact sizes, with a transparent background and a file-size cap on each. Making them by hand in an editor means six or seven exports per emote. Here it is one drop and one ZIP.
- Export your emote art as a PNG with a transparent background, ideally 500 px or larger. A sample emote is already loaded so you can see the results first.
- Drop the PNG here. Keep “Trim empty transparent edges” on so the art fills the square.
- Check the 28 px emote and 18 px badge in the chat preview on both dark and light backgrounds.
- Click “Download all PNGs (ZIP)”. Upload the large file in auto-resize mode, or the 112/56/28 files with auto-resize switched off. Badge files go in Monetization → Subscriptions → Subscriber Badges.
Twitch emote and badge requirements (at time of writing, October 2026)
| What | Size | File limit | Format |
|---|---|---|---|
| Emote, auto-resize upload | One square image, 112×112 to 4096×4096 px | 1 MB | PNG, transparent background |
| Emote, manual upload | Three files: 28×28, 56×56 and 112×112 px, same image | 100 KB each | PNG, transparent background |
| Animated emote | One GIF 112 to 4096 px square, or three GIFs at 28/56/112 px | 1 MB (auto) or 512 KB each (manual); at most 60 frames | GIF |
| Subscriber badge | Three files: 18×18, 36×36 and 72×72 px | 25 KB | PNG, transparent background |
| Bits badge | Three files: 18×18, 36×36 and 72×72 px | Not stated separately | PNG |
Sources: Twitch Help articles “Emote Formatting & Instant Emote Upload Requirements”, “Subscriber Emote Guide”, “Animated Emotes”, “Subscriber Badge Guide” and “Custom Bit Badge and Emote Reward Slots” (help.twitch.tv). Twitch reviews every emote by hand unless your channel qualifies for instant upload. Gridloom is not affiliated with Twitch.
Why the small sizes need their own check
Most viewers see your emote at 28×28 px in chat, and your badge at 18×18 px next to their name. At those sizes a 1 px outline either survives or disappears, and text turns into a smudge. Twitch's own guideline is to view the emote at 100% and make sure lines are sharp and any lettering is readable. The chat preview above shows exactly that, on both the dark and the light theme, so you can fix the art before Twitch's reviewers or your viewers see it.
How this resizer scales your art
It first trims empty transparent space so the drawing fills the square, then pads (or crops) it to a square. Large artwork is halved step by step before the last resize instead of jumping straight from 2000 px to 28 px, which keeps thin outlines from breaking into jagged dots. Every output is a PNG with the transparency kept, and each file's size is compared against Twitch's limit: 1 MB for the auto-resize upload, 100 KB for each manual emote size and 25 KB for each badge. Files this small almost always land far under those limits.
The tool makes still images. For animated emotes, export your GIF at 112×112 px or larger and check it against the 1 MB and 60-frame limits in the table. For Discord, use the Discord emoji maker (128×128, under 256 KB).
Frequently asked questions
What size should Twitch emotes be?
Twitch accepts either one square PNG between 112×112 and 4096×4096 px under 1 MB, which it resizes for you, or three PNGs at exactly 28×28, 56×56 and 112×112 px, each under 100 KB. All need a transparent background (Twitch Help, at time of writing, October 2026).
What size are Twitch sub badges?
Three PNGs at 18×18, 36×36 and 72×72 px with a transparent background, each no larger than 25 KB. Bits badges use the same three sizes. This tool makes all three from one image.
Should I use auto-resize or upload the three sizes myself?
Auto-resize is quicker. Manual upload is worth it when Twitch's automatic 28 px version looks blurry, because you can check and fix that small file yourself. This tool gives you both: one upload file and the three exact sizes.
Why does my emote look blurry or messy at 28 px?
Detail that reads at 112 px is often a single pixel or less at 28 px. Thicken the outlines, enlarge the face or main shape, drop small text, and trim empty space around the art. Then check the 28 px chat preview again.
Can I resize animated GIF emotes here?
No. This tool outputs still PNGs, and only the first frame of a GIF is used. Animated emotes must be GIFs of up to 60 frames, under 1 MB in auto-resize mode or 512 KB per size in manual mode.
My image has a white background. Will Twitch accept it?
Twitch asks for a fully transparent background. The tool warns you when an image has no transparent pixels. Remove the background in an editor, export as PNG, and drop it here again.
Are my images uploaded to a server?
No. Resizing runs in your browser with the Canvas API. Your art never leaves your device.
Is it free?
Yes. One image at a time, all sizes, ZIP download, no signup and no watermark.