Twitch Emote Size Guide (2026): Exact Dimensions, Formats & Upload Rules
Updated July 3, 2026 · 7 min read
Every emote on Twitch exists in three sizes at once. The big one appears in the emote picker, the medium one in previews — but the version your viewers actually see, hundreds of times per stream, is the tiny 28-pixel one in chat. That's why emote design is really small-size design, and why getting the technical specs right matters before you spend a minute on artwork.
All Twitch image sizes at a glance
| Asset | Sizes (px) | Format | Limits |
|---|---|---|---|
| Emotes (static) | 112 × 112 · 56 × 56 · 28 × 28 | PNG, transparent | keep each file small (well under 1 MB; ~25 KB is a good target) |
| Emotes (animated) | 112 × 112 · 56 × 56 · 28 × 28 | GIF | max 1 MB · max 60 frames |
| Single-file upload | one square 112–4096 px | PNG, transparent | under 1 MB — Twitch auto-resizes |
| Sub badges | 72 × 72 · 36 × 36 · 18 × 18 | PNG, transparent | keep shapes ultra-simple |
Why the transparent background is non-negotiable
Twitch chat isn't one color. Viewers use dark mode, light mode and channel accent themes — and your emote sits directly on all of them. A white or colored box around your emote instantly looks broken for half your audience. Real alpha transparency (a proper PNG, not a JPG renamed to .png) is the single most common thing Twitch rejects emotes for.
If your source image has a background, remove it before uploading — AI background removers handle this well today. (Our generator runs background removal automatically on every emote, so the PNGs come out transparent by default.)
Designing for 28 pixels: the rules that actually matter
Whatever looks great at 112px will be judged at 28px. These rules come from how emotes hold up at chat size:
- One emotion per emote. Hype, rage, sadness, laughter — pick exactly one. Mixed expressions turn to mush at 28px.
- Strong silhouette. If the outline isn't readable as a shape, the emote isn't readable at all.
- Thick outlines, saturated colors. Thin linework and subtle gradients disappear when downscaled.
- Face fills the frame. The expression is the message — crop tight, avoid full-body poses with small faces.
- Avoid small text. One short word in fat letters ("GG", "HYPE") can work; a sentence never does.
- Test at 28px before uploading. Zoom your file to actual chat size — if you squint, redesign.
Skip the resizing entirely
EmoteGenerator creates transparent, Twitch-ready emotes from a text prompt — all sizes (112/56/28px) included automatically. Your first emote is free.
Sub badges: even smaller, even simpler
Subscriber badges (72/36/18px) sit next to every chat message from a subscriber. At 18 pixels, detail is physically impossible — think flat icon, not illustration: a single bold shape, 2–3 colors, no outlines thinner than 2px at the 72px master size. Many streamers use a color-shifted series of the same shape for different sub lengths (bronze → silver → gold).
How to upload emotes to Twitch
- Open the Creator Dashboard → Viewer Rewards → Emotes.
- Choose the slot type (subscriber, follower, bits) and hit upload.
- Either upload all three sizes yourself, or use the single-file auto-resize upload (one square PNG, 112–4096px, under 1 MB).
- Give the emote its code (the text viewers type — your channel prefix is added automatically).
- Emotes go through a short review before going live.
Affiliates and Partners unlock more subscriber emote slots as sub points grow — the exact count for your channel is shown right on the Emotes page in the dashboard.
FAQ
What size are Twitch emotes?
Twitch emotes come in three sizes: 112×112, 56×56 and 28×28 pixels. The 112px version shows in the emote picker, 56px on hover, and 28px is what viewers actually see in chat. All three are square PNGs with a transparent background.
Can I upload just one file instead of three?
Yes. Twitch can auto-generate the smaller sizes: upload a single square PNG between 112×112 and 4096×4096 pixels (under 1 MB) and Twitch creates the 56px and 28px versions for you. Check the result at 28px though — automatic downscaling can blur fine details.
Do Twitch emotes need a transparent background?
Yes, in practice. Chat backgrounds vary (light mode, dark mode, channel themes), so an emote with a solid background looks like a sticker slapped into chat. Use a PNG with real alpha transparency.
What are the rules for animated Twitch emotes?
Animated emotes are GIFs at the same 112/56/28 sizes, with a file size limit of 1 MB and a maximum of 60 frames. Animated emote uploads are available to Affiliates and Partners (Twitch has been expanding access over time).
What size are Twitch sub badges?
Subscriber badges use three smaller sizes: 72×72, 36×36 and 18×18 pixels — also transparent PNGs. At 18px almost no detail survives, so badges should be simple shapes with strong colors.
How many emote slots do I get on Twitch?
It depends on your status: Affiliates start with a small number of subscriber emote slots and unlock more as they earn sub points; Partners get more slots at each tier. You can also add follower emotes. Your exact slot count is shown in the Creator Dashboard under Viewer Rewards → Emotes.
Related: browse ready-made sets in the emote gallery, learn prompt writing in the tutorial, or grab a full 5-expression set from the emote shop.