SPEC SHEET

Twitch emote sizes & dimensions

112×112, 56×56, 28×28 — the three sizes Twitch asks for, where each one actually shows up, and the file rules that get uploads rejected.

Updated July 20266 min read
The short version

Twitch emotes come in three square sizes — 112×112, 56×56 and 28×28 pixels — each a transparent PNG under 1MB. "Twitch emote size" and "Twitch emote dimensions" are the same question; this page answers both.

The spec is the easy part. What actually decides whether an emote works is whether it holds up at 28px— the size nearly every view happens at, and the one the spec sheet alone won't tell you about.

Emote shown at 112 by 112 pixels
112px
Picker popout & management page
big
Emote shown at 56 by 56 pixels
56px
Some chat clients
medium
Emote shown at 28 by 28 pixels
28px
Nearly every view happens here
chat

Shown at true size. That smallest one is what most of your chat sees, most of the time.

Already have the art

Resize it free, right now

No need to export three files by hand in an image editor — or to keep reading before you get to try it.

Drop in one image, get all three sizes back.

Crop it or keep the whole thing with transparent padding, preview the real 28px result, then download a single PNG or the whole set as a zip. No account, no watermark, nothing uploaded to a server.

open the free resizer →
The specs

The three sizes, precisely

One emote, three files. Twitch asks for all three because it shows your emote at three genuinely different scales depending on where a viewer encounters it.

112px
large
Picker popout, management page
56px
medium
Some chat clients, mobile
28px
chat
Nearly every actual view

All three are square. There's no rectangular option and no separate portrait or landscape variant — whatever the artwork is, it has to resolve to a square before any of these numbers apply.

Same file, three jobs

Where each size actually shows up

The size that matters most isn't the one you'll spend the most time looking at while you design — it's the one your chat sees on every single message.

28 × 28

Live chat

Every single inline message, on desktop and mobile alike. If an emote reads clearly here, it's doing its job — almost nobody sees it any bigger than this.

28–56 → 112

Emote picker

Viewers browse the picker grid at roughly chat size, then hovering (or a long-press on mobile) pops open the full 112px version so they can see the detail before picking one.

112 × 112

Management page

Your own Creator Dashboard, where you upload, review and organise emotes by tier. It's the one place you'll reliably see your own emote at full size by default.

Design for the smallest one, not the biggest
It's tempting to judge an emote from the management page, where it looks its best. Chat is where it actually lives. Check the 28px version before you decide it's done.
Beyond the pixels

File format and weight

The dimensions get most of the attention, but Twitch checks a handful of other things on every upload too.

File rules
RuleValueIf you get it wrong
FormatPNG (GIF for animated)Upload is rejected outright
Max file size1MB per fileUpload is rejected outright
BackgroundTransparentA coloured box follows the emote around chat
ShapeSquareA rectangle isn't accepted
Colour modesRGB (the default in most editors)Colours can look duller than in your editor
The shortcut

Upload once, get three

Twitch doesn't require three separate uploads. One clean source, correctly sized, is enough.

One file in, two more come out

Upload a single square PNG anywhere from 112px to 4096px, under 1MB, and Twitch generates the 56px and 28px versions for you automatically.

It shrinks reasonably well — but it can only shrink what you gave it. A design that's already busy at 112px arrives at 28px busy too, just smaller. The auto-resize saves you an export step, not a design decision.

The safer habit either way: look at the 28px result specifically, whether Twitch generated it or you exported it yourself, before you consider the emote finished.

Same question, two names

'Twitch emote size' and 'Twitch emote dimensions'

Both point at the exact same three numbers.

Size and dimensionsget asked as if they might be different specs — they aren't. Whichever word finds this page, the answer is the same: 112×112, 56×56 and 28×28 pixels, each one a square, each one a transparent PNG under 1MB.

The only real distinction worth knowing is the one covered above — which of those three you actually need to worry about designing for, versus which one Twitch will happily generate for you.

Straight answers

Questions people actually ask

Three square sizes: 112×112, 56×56 and 28×28 pixels. Every emote you upload needs to work at all three, because Twitch shows the same file at each of them depending on where it appears.

Before you upload

The short checklist

  • 112×112, 56×56 and 28×28 pixels — all square
  • Transparent PNG background, not white or off-white
  • Under 1MB per file
  • Checked at 28px specifically, not just judged from the management page

Keep going

Have the art?
Resize it free.

Our free resizer turns one image into all three sizes above — crop or fit, transparency intact, no account and no watermark. Download one PNG or the whole set as a zip.