Twitch Emote Resize — 28×28, 56×56, 112×112
Drop any image — we'll output the exact PNGs Twitch needs, transparent background preserved, every file under 1 MB. Animated GIFs supported. 100% free, runs in your browser, no signup.
The 3-size PNG (or animated GIF) pack Twitch requires for every emote.
Drop a square image here
Ideally 112×112 or larger. Transparent PNG works best. Animated GIFs supported.
Your image never leaves your browser. Resizing happens on your device.
How to make a Twitch emote
Twitch wants three exact PNG sizes — 28×28, 56×56, and 112×112. Each file must be under 1 MB with a transparent background. This tool handles the resize. The cards below cover the parts that are still on you.
Twitch's emote requirements (2026)
- Three sizes per emote: 28×28, 56×56, 112×112 pixels
- PNG with a transparent background (or animated GIF for Affiliates/Partners with Bits)
- Under 1 MB per file
- Square aspect ratio — non-square uploads get rejected
- Readable at the smallest size — silhouette beats fine detail
Static vs. animated emotes
Static PNG emotes are available to all streamers. Animated GIF emotes unlock for Twitch Affiliates and Partners that have Bits enabled. Animated has the same three sizes plus a few extra rules: max 60 frames, minimum 100 ms per frame, same 1 MB cap per size. Drop a GIF and you get three GIF outputs; drop a PNG and you get three PNG outputs.
Tips for emotes that read at 28×28
- Strong silhouette beats fine detail — squint at the 112×112 preview.
- Keep important elements off the edge — Twitch chat clips borders.
- Use 2–3 saturated colors. Subtle gradients vanish at 28×28.
- Add a 1–2 pixel outline for separation against any chat background.
- Test against both Twitch's light and dark themes.
Sub badges, profile pictures, and panels
Use the toggle at the top of the tool to switch between emote sizes (28/56/112), sub badge sizes (18/36/72 with a strict 25 KB cap), profile picture (256×256), and channel panel art (320×100). Same upload, different output triplet. Save them all in one session.
Twitch emote sizes explained
Twitch uses a different size triplet for every channel asset. Here's the full reference — the sizes this tool outputs match these specs exactly.
| Asset | Sizes (px) | Max file size | Format |
|---|---|---|---|
| Emote | 28×28 · 56×56 · 112×112 | 1 MB per file | png, gif |
| Sub Badge | 18×18 · 36×36 · 72×72 | 25 KB per file | png |
| Profile Picture | 256×256 | 10 MB per file | png, jpg, gif |
| Panel | 320×100 | 2.9 MB per file | png, jpg, gif |
Why three sizes per emote?
Twitch chat scales emotes based on viewer zoom and chat density. The 28×28 version shows in tightly-packed chat, 56×56 shows in standard view, and 112×112 shows in the emote picker and cheermote menus.
Why is sub badge so small (25 KB)?
Sub badges render next to every chat message — Twitch keeps them tiny so chat stays performant. You'll usually need to drop colors to 8–16 to fit under the 25 KB cap at 72×72.
Specs verified against Twitch's official help articles on 2026-05-05. We re-verify twice a year.
Looking for a Twitch emote maker?
Quick clarification — this is a Twitch emote resizer, not a maker. A maker designs the emote from scratch; a resizer takes a finished image and outputs Twitch's three required sizes. Most streamers need both, in that order.
- 1
Design the emote
In Procreate, Photoshop, Figma, Affinity Designer, Adobe Express, Kittl, or an AI image generator like Midjourney or DALL·E. Aim for 512×512 or larger so downsampling has detail to work with.
- 2
Remove the background
If your design isn't already on a transparent layer, run it through our free Background Remover first — runs in your browser, no signup, transparent PNG export.
- 3
Resize to Twitch sizes
Drop your transparent PNG here. Hit Download ZIP and you've got the 28×28 / 56×56 / 112×112 trio Twitch needs, every file under 1 MB.
- 4
Upload to Twitch
Creator Dashboard → Viewer Rewards → Emotes. Affiliates get one slot to start, Partners unlock more as they grow.
- 5
Announce everywhere
Schedule one launch post across X, Threads, Bluesky, Instagram, and Facebook with SocialCal — your viewers find out wherever they follow you.
What this tool replaces
If you've been doing the resize step in Photoshop, this tool replaces about 5 minutes of repetitive work per emote (export at 112, resize to 56, resize to 28, export each, verify each is under 1 MB). It also replaces the part everyone forgets — the file-size compliance check. Each output card flags whether the file fits Twitch's limits before you upload.
What this tool doesn't do
- Draw or generate emotes from scratch.
- Remove the background from a JPG — use Background Remover first.
- Upload to Twitch — that step still requires Creator Dashboard.
- Check Twitch's content guidelines (no copyrighted imagery, hate symbols, etc.).
Frequently asked questions
What size are Twitch emotes?+
Twitch requires three sizes for every emote: 28×28, 56×56, and 112×112 pixels. All three are submitted together as part of a single emote upload, and Twitch displays whichever fits the chat density and zoom level the viewer is using.
What's the maximum file size for a Twitch emote?+
Each emote file (28, 56, and 112 versions) must be under 1 MB. Sub badges have a stricter 25 KB-per-file limit. This tool flags any output that exceeds the limit so you know before you upload.
Do Twitch emotes have to be PNG?+
Static emotes must be PNG with a transparent background. Animated emotes must be GIF and are only available to Twitch Affiliates and Partners that have Bits enabled. Drop a PNG to get PNG outputs, or a GIF to get GIF outputs — the tool detects automatically.
Can I upload animated emotes from this tool?+
Yes — drop an animated GIF and you'll get three resized GIFs (28, 56, 112). Whether Twitch accepts them depends on your channel's eligibility (Affiliate or Partner with Bits enabled). The resize is the same; the upload permission is on Twitch's side.
How big does my source image need to be?+
Ideally at least 112×112 pixels — that matches the largest output. Larger sources (256, 512, 1024 px) work even better because the downsampling has more detail to work with. Smaller sources will be upscaled, which usually looks blurry.
Why does my emote look fuzzy at 28×28?+
At 28×28, every pixel matters. Fine detail vanishes and gradients smear. The fix is to design with that in mind: strong silhouette, 2–3 saturated colors, a clear outline. We use a two-step downsample to keep edges sharp, but the source design has to support readability at that size.
What's the difference between an emote and a sub badge?+
Emotes appear inline with chat messages and are 28/56/112 px. Sub badges appear next to the user's name and are 18/36/72 px with a much stricter 25 KB-per-file size limit. This tool handles both — switch the mode toggle at the top.
Is this Twitch emote resizer really free?+
Yes — completely free, no signup, no watermark, no upload. Everything runs in your browser using the Canvas API. We make money if you decide to use SocialCal to schedule social-media posts, but you never have to.
Is this a Twitch emote maker?+
No — this is a resizer. We take a finished image (anything you designed in Procreate, Photoshop, Figma, Adobe Express, Kittl, Midjourney, etc.) and output the exact three sizes Twitch needs: 28×28, 56×56, and 112×112. For drawing or generating an emote from scratch, you'll need a separate design tool first.
What's the recommended source size for Twitch emotes?+
Design at 512×512 or larger. Twitch only displays at 28/56/112, but a larger source gives the downsampler more detail to preserve, especially around outlines and small features. Working at 1024×1024 in Photoshop or Procreate is a common standard among emote artists.
Can I make a Twitch profile picture and panel art with this tool?+
Yes — use the mode toggle at the top of the tool. Profile Picture mode outputs a single 256×256 PNG; Panel mode outputs 320×100 (the channel panel art that appears under your stream). Same upload, different output triplet.
Emote ready? Now announce it everywhere.
Schedule the launch announcement across X, Threads, Bluesky, Instagram, and Facebook with SocialCal — one post, every platform.
More Free Tools
Explore our full suite of free social media tools — no signup required.
Not affiliated with Twitch Interactive, Inc. Twitch is a trademark of its respective owner.