Twitch Emote Size & Design Guide: What Viewers Actually See (2025)

If you've ever uploaded a Twitch emote only to see it turn into a blurry mess in chat — or worse, get rejected — the problem is almost always size and resolution.

Twitch requires every emote in three specific sizes: 28×28 pixels, 56×56 pixels, and 112×112 pixels. You don't get to pick and choose. All three must be submitted, and each serves a different place on the platform.

Here's exactly what those sizes look like in practice, how to design emotes that stay readable at the smallest scale, and the common mistakes that get submissions rejected.

Twitch Emote Size Requirements (The Official Specs)

Every subscriber emote, Bit emote, and channel point emote must be uploaded in these three exact dimensions:

Size	Where It Appears
28×28 px	Chat messages, viewer count list, raid notifications
56×56 px	Channel points rewards menu, subscription gift messages
112×112 px	Emote menu (picker), Twitch homepage, profile cards, directory

All three files must be PNG format with a transparent background. Maximum file size per emote slot is 1 MB, but well-optimized emotes usually land between 15 KB and 100 KB.

Twitch also requires that the emote design fits entirely within a square aspect ratio. No rectangular or oddly cropped emotes will pass review.

Why Three Sizes Matter for Your Stream

Most streamers focus on the 112×112 version because that's what they see in the emote picker. But your viewers see the 28×28 version far more often — every time someone types in chat.

If you design at 112×112 and simply shrink it down, fine details like eyes, text, or small props will disappear at 28×28. A face that reads clearly at large scale can turn into an indistinct blob in chat.

The best emote designers start at 28×28, nail the silhouette and expression at that size, then scale up. That guarantees the emote works where it matters most: in active conversation.

Twitch Emote Design Best Practices

Start with a Strong Silhouette

At 28×28, you have roughly 784 pixels to communicate an emotion, a character, or a reaction. That's tiny.

The most recognizable emotes have a clear, simple outline. If you blurred your eyes and the emote still reads as "happy," "angry," or "crying," the silhouette works. If it looks like noise, the design needs simplification.

What to avoid:

• Tiny text (unreadable at 28×28)
• Multiple characters in one emote
• Fine lines thinner than 2 px
• Gradients that muddy the shape

Use High Contrast

Dark outlines on light fills is the default for a reason. It creates separation between the emote and the dark chat background (or any background, since emotes have transparency).

Aim for at least one of these contrast strategies:

• Thick dark stroke (2-3 px) around the main shape
• Bright saturated colors that don't blend into dark or light backgrounds
• Minimal color palette — 3 to 5 colors max per emote

Keep Expressions Exaggerated

Subtlety doesn't read at small scale. An emote that looks "slightly amused" at 112×112 will look neutral or confused at 28×28.

Push the expression further than you think necessary. Wide eyes, open mouth, exaggerated eyebrows — these read clearly even when the emote is rendered at thumbnail size.

Test at Actual Size

Before uploading, view your emote at 28×28 on a real screen. Zoom out in your image editor or resize the layer to exact pixels. If you can't tell what the emote is supposed to express at that size, neither will your viewers.

Common Reasons Twitch Rejects Emotes

Twitch's emote review process checks for technical compliance and content policy. Here are the most common rejection reasons:

Technical rejections:

• Wrong dimensions (anything other than 28×28, 56×56, and 112×112)
• Non-transparent background (white or colored rectangle around the emote)
• File format other than PNG
• File size exceeds 1 MB
• Visible compression artifacts or pixelation

Content rejections:

• Copyrighted characters, logos, or intellectual property
• Hateful symbols, slurs, or discriminatory imagery
• Overt sexual content or nudity
• Direct references to drugs, violence, or self-harm
• Brand logos you don't have permission to use

If your emote is rejected, Twitch usually provides a reason code. Fix the specific issue and resubmit — rejections don't count against your slot limit.

Emote Slots: How Many You Get and How to Unlock More

You unlock subscriber emote slots as your channel grows. Here's the current structure:

Subscriber Milestone	Emote Slots
Affiliate (any subs)	5 slots
15 subscribers	+1 slot (6 total)
25 subscribers	+1 slot (7 total)
50 subscribers	+1 slot (8 total)
100 subscribers	+1 slot (9 total)
Partner (varies)	Up to 60+ slots

Bit emotes and channel point emotes have separate limits. You can have up to 50 channel point emotes and up to 50 Bit emotes (tiered by Bit amount).

Strategy tip: Don't fill every slot immediately. Launch with 3-5 strong emotes that cover the most common chat reactions (hype, laugh, love, sad, rage). Add niche emotes as your community develops inside jokes.

Emote Size for Different Platforms (BTTV, 7TV, FFZ)

Many Twitch viewers use third-party emote extensions like BetterTTV (BTTV), 7TV, and FrankerFaceZ (FFZ). These platforms have different size requirements and don't require Twitch's three-size format.

BetterTTV: 28×28 px (single size, PNG with transparency) 7TV: 28×28 px (single size) FrankerFaceZ: 28×28 px (single size)

These emotes appear only to viewers who have the extension installed. They're useful for global emotes your whole community can use, but they won't appear in the Twitch emote picker for non-extension users.

How Emote Size Relates to Your Overall Channel Design

Emotes are part of your stream's visual identity — they carry the same colors, character designs, and tone as your overlays and panels. If your emotes feel disconnected from your Twitch Stream Branding, your channel feels less cohesive.

Similarly, the way viewers discover and interact with your emotes depends partly on your Twitch Stream Category Strategy. A Just Chatting audience might use emotes differently than a competitive Valorant audience, so your emote set should match the energy of your category.

And if you're redesigning your entire visual package, start with your Twitch Overlay Size & Placement Guide to understand where viewers look first — then make sure your emotes match that aesthetic.

Emote File Preparation Checklist

Before you upload, run through this list:

• All three sizes: 28×28, 56×56, 112×112
• PNG format with transparency
• Each file under 1 MB (ideally under 100 KB)
• No stray pixels or anti-aliasing artifacts on edges
• Expression readable at 28×28
• No copyrighted elements
• Consistent art style with your other emotes
• Tested in actual Twitch chat (use a test account or a friend's channel)

Recommended Tools for Making Twitch Emotes

You don't need expensive software to create good emotes. These tools work well:

• Aseprite ($19.99) — Industry standard for pixel art emotes. Purpose-built for small-scale sprite work.
• Photoshop / GIMP — Better if you're drawing at high resolution and scaling down. Use nearest-neighbor scaling to keep sharp edges.
• IbisPaint X (free / mobile) — Works if you're designing on a tablet or phone.
• Canva (free tier) — Limited but usable for simple emote designs with their template system.
• 7TV Emote Maker (free, browser-based) — Quick mockups, but limited customization.

Final Check: Does Your Emote Pass the Squint Test?

Open your 28×28 emote at 100% zoom. Squint your eyes. If you can still identify the emotion or reaction the emote is meant to convey, it's ready.

If it looks like a colored smudge, go back and simplify. Thicken the outlines. Remove small details. Push the expression.

The best Twitch emotes are the ones that communicate instantly — because in a fast-moving chat, that's all the time you get.

---

Your emotes are one of the first things new subscribers see after they hit that button. Getting the size and design right makes them feel like they got something worth paying for.

If you want a full review of how your channel looks — emotes, overlays, panels, audio, and discoverability — Get your free Streamlint audit. It names the exact fixes that make your stream look professional and grow faster.