← Back to blog
Tutorials

How to Make Twitch Emotes (Size, Format & Upload Guide 2026)

Custom Twitch emotes are one of the most powerful ways to build community identity. Everything you need to know to make, format, and upload them correctly in 2026.

How to Make Twitch Emotes (Size, Format & Upload Guide 2026)

Published: February 3, 2026 | Updated: January 1, 2026

Custom Twitch emotes are one of the most powerful ways to build community identity on your channel. They show up in chat, they get shared, and they become shorthand for your community's inside jokes and culture. Here's everything you need to know to make, format, and upload them correctly in 2026.

Twitch Emote Requirements (2026)

Before you design anything, get the specs right. Twitch requires emotes in three sizes delivered as a single upload:

SizeDimensionsUse
Small28 Γ— 28 pxMobile, small displays
Medium56 Γ— 56 pxStandard chat
Large112 Γ— 112 pxEmote picker, hover preview

File requirements:

  • Format: PNG only (no GIF for standard emotes β€” animated emotes require Twitch Partner or Affiliate status)
  • Max file size: 1 MB per image
  • Background: Transparent (PNG with alpha channel)
  • Color mode: RGB

Twitch now accepts a single 112Γ—112 PNG and auto-scales down to 56Γ—56 and 28Γ—28, but uploading all three manually gives you more control over how they look at each size.

Step 1 β€” Concept and Design

Good Twitch emotes share a few traits:

  • Readable at 28Γ—28 px β€” the smallest size. If the design is too detailed, it'll turn into a blur. Simple, bold shapes work best.
  • Expressive β€” emotes communicate emotion or reaction. Think: hype, laugh, sad, love, rage.
  • On-brand β€” color palette and style should match your channel's overall aesthetic.

Start with a sketch or reference image. Avoid thin lines, small text, or gradients that disappear at small sizes.

Step 2 β€” Create the Emote

You have two main options:

Option A β€” Design from scratch Use tools like Photoshop, Illustrator, Procreate, or Figma. Work at 112Γ—112 px on a transparent canvas. Export as PNG with transparency.

Option B β€” Use an AI emoji maker If you're not a designer, EmojiCreator.ai lets you upload any image and convert it to a properly sized Twitch emote with automatic background removal. Upload a photo, logo, or drawing and it handles the resizing and transparency automatically.

Step 3 β€” Export at All Three Sizes

Whether you designed from scratch or used a tool, you need three PNG files:

  • emote-name-112.png (112Γ—112)
  • emote-name-56.png (56Γ—56)
  • emote-name-28.png (28Γ—28)

Scale down from the largest version. Never scale up from a small image β€” it will look pixelated.

Step 4 β€” Upload to Twitch

  1. Go to your Twitch Creator Dashboard
  2. Navigate to Viewer Rewards β†’ Emotes
  3. Click Upload next to the emote slot you want to fill
  4. Upload your three PNG files (28, 56, 112)
  5. Set the emote code β€” this is what users type to trigger it (e.g. channelnameLUL)
  6. Submit for review β€” Twitch reviews all emotes before they go live

Emote review typically takes 3–5 business days.

Twitch Emote Limits by Tier

How many emote slots you get depends on your affiliate or partner status:

TierEmote Slots
Affiliate (Base)1
Affiliate (50 sub points)2
Affiliate (125 sub points)3
Partner5–60 (based on sub count)

Bit emotes (for cheers) and follower emotes are additional slots unlocked separately.

Common Mistakes to Avoid

Too much detail β€” if it doesn't read clearly at 28px, simplify it.

White or solid background β€” always use transparent PNG. White backgrounds look terrible in dark mode Twitch chat.

Wrong dimensions β€” Twitch will reject emotes that don't match the required sizes exactly.

Emote code too generic β€” codes like lol or haha are taken. Use your channel name as a prefix (e.g. streamernameHype).

Low contrast β€” emotes appear on both dark and light chat backgrounds. Test yours on both.

Tips for Great Emotes

  • Hire an artist if budget allows β€” Fiverr and Twitter have tons of emote artists ranging from $5–$50 per emote
  • Use a consistent art style across all your emotes so they feel like a set
  • Look at top streamers' emotes for inspiration β€” hover over emotes in chat to see what works
  • Test at 28px before committing β€” zoom out until the image is thumbnail-sized

Ready to Make Your Emotes?

EmojiCreator.ai is free, requires no account, and can turn any image into a Twitch-ready emote in seconds. Background removal, correct sizing, and instant download β€” all in one tool.


No design skills needed β€” make your Twitch emote free on EmojiCreator.ai.

Related posts