๐Ÿ”ฅEmoteForge
Blog
โ† All guides
Guides7 min readBy Arvindesh MalhotraUpdated Jun 11, 2026

Twitch Emote Sizes in 2026: The Complete Guide

Exact Twitch emote dimensions, file size limits and format rules for emotes, sub badges and bits badges โ€” plus how to export every size in one click.

Short Version

Create the artwork at 112ร—112 px (or larger and scale down). Twitch needs 28, 56 and 112 px versions, and EmoteForge generates all three automatically.

These guides are written to solve the problems streamers usually hit right before an upload fails: wrong dimensions, overweight files, unreadable 28 px previews, or transparency issues. The goal is to keep the advice practical, specific, and easy to apply fast.

Twitch requires you to upload your emote at three exact pixel sizes. If even one is the wrong size or too heavy, the upload is rejected. This guide lists every requirement for 2026 and shows the fastest way to hit them.

A standard Twitch emote must be supplied at 28ร—28, 56ร—56 and 112ร—112 pixels as a transparent PNG. Each file must stay under 1 MB.

AssetSizes (px)FormatMax size
Emote28, 56, 112PNG (transparent)1 MB each
Animated emote28, 56, 112GIF1 MB each
Sub badge18, 36, 72PNG (transparent)25 KB each
Bits badge18, 36, 72PNG (transparent)25 KB each

Your emote is shown at 28ร—28 the vast majority of the time. Fine details, thin lines and small text disappear at that size. Design for 28px first, then scale up โ€” not the other way around.

  • โ€ขUse bold shapes and a clear silhouette.
  • โ€ขAdd a 2โ€“4px outline so the emote pops on both dark and light chat.
  • โ€ขKeep important elements away from the edges.
  • โ€ขTest on a real chat background before exporting.

The cleanest Twitch emotes usually start from a much larger source file, not from a tiny 112 px canvas. If you begin with a large PNG, PSD, Procreate file or vector source, downscaling to Twitch sizes keeps the edges sharper and gives you more room to adjust contrast, outlines and padding before export.

  • โ€ขStart from at least 1000ร—1000 px if your artwork is raster-based.
  • โ€ขKeep the background transparent from the beginning whenever possible.
  • โ€ขAvoid compressed JPG sources for final export because edge artefacts can show up badly at 28 px.
  • โ€ขIf the artwork includes text, simplify it or remove it before resizing โ€” it will almost always vanish at chat size.

Most rejected emotes fail for simple technical reasons rather than art quality. The file is too large, one of the required sizes is missing, the background is not transparent, or the design turns muddy when viewed at 28 px. Checking those details before you upload saves time and prevents needless re-exports.

  • โ€ขOne or more sizes are not exactly 28, 56 and 112 px.
  • โ€ขThe PNG is over the 1 MB size limit.
  • โ€ขThe background is opaque or includes white corners.
  • โ€ขThe image is technically valid but unreadable at small size.
  • โ€ขThe source was upscaled from a tiny image, causing blur and halos.
  • โ€ขPreview the emote at 28 px, not just 112 px.
  • โ€ขCheck it on both dark and light backgrounds.
  • โ€ขConfirm transparent edges are clean with no white fringe.
  • โ€ขKeep the most important facial or icon detail in the centre of the frame.
  • โ€ขExport the full set together so filenames and sizes stay organised.

Instead of resizing each file by hand in Photoshop, drop one high-resolution image into the EmoteForge Twitch Emote Maker. It generates all three sizes, checks them against Twitch's limits, shows a live 28px chat preview, and exports a ready-to-upload ZIP โ€” entirely in your browser, with nothing uploaded to a server.

Answers

Frequently Asked Questions

What size should I design my Twitch emote at?

Create the artwork at 112ร—112 px (or larger and scale down). Twitch needs 28, 56 and 112 px versions, and EmoteForge generates all three automatically.

What is the Twitch emote file size limit?

Each PNG emote must be under 1 MB. Sub and bits badges must be under 25 KB each.

Ready to make yours?

If you want the export side handled automatically, open the relevant EmoteForge tool and generate every required size in one pass.

Open the Twitch Emote Maker