Skip to main content
utility·Updated 2026-06-23

Twitch Emote Resizer Updated 2026

Drop any image, get the three Twitch sub-emote sizes (28×28, 56×56, 112×112) ready to upload. Client-side resize, no upload, dark + light chat preview, transparency-safe.

No sign-up · Client-side · No upload

Emote resizer

Drop an image here, or click to browse
PNG / JPG / GIF / WEBP — any size, we resize down to Twitch's 28 / 56 / 112.

Twitch sub-emote spec: 28×28, 56×56, 112×112 — all three sizes required at upload. Static PNGs target 25 KB per size, animated GIFs reach up to 1 MB per size with a 60-frame ceiling. Bit emotes share the same sizes. Twitch emote guide ↗

No sign-up required. Use the tool, share the result, leave — no account needed.
Client-side computation. Calculations run entirely in your browser; we never see your inputs.
Embed in OBS / Discord. Append ?embed=1 to the URL for a bare iframe-ready widget.
How to use this tool

4 steps · ~30 seconds

Each step is a single action — no setup, no sign-up. Outputs are client-side; nothing is uploaded.

Step 01

Upload an image

Drag-and-drop or click the upload zone. PNG, JPG, GIF, WEBP accepted. Any source size — the tool resizes down.

Step 02

Pick a background

Dark chat / Light chat / Transparent. Preview how the emote reads in both Twitch chat themes.

Step 03

Choose Cover or Fit

Cover crops to fill the square. Fit preserves the entire image with padding.

Step 04

Download each size

Three buttons appear under the previews — one per Twitch emote size (28×28, 56×56, 112×112). Upload all three to Creator Dashboard.

Twitch emote sizes explained

Twitch requires every uploaded emote in three square sizes, and all three are mandatory in a single upload. The resizer above outputs exactly these:

SizeWhere it shows
28×28Inline in chat at the smallest scale, and in the emote picker grid.
56×56Medium chat rendering and tooltip previews.
112×112Largest preview — emote menu hover, the emote-detail card, and high-DPI chat.

Because the same artwork is shown from 28px up to 112px, design for the smallest size first: if it still reads clearly at 28×28, it will look great at 56 and 112. Thin lines, small text, and fine detail disappear at 28px.

Emote file-size limits

  • Static (PNG): the documented spec target is 25 KB per size. The first-party uploader is often more lenient (up to ~1 MB observed), but designing to 25 KB is the safe path — the tool flags any export over it.
  • Animated (GIF): up to 1 MB per size with a 60-frame ceiling.
  • Transparency: keep emotes on a transparent PNG background so they sit cleanly on both the dark and light chat themes — use the Transparent preview above to check.

Sub badge sizes are different

Don't confuse emotes with subscriber badges — badges use their own three sizes: 18×18, 36×36, and 72×72, also uploaded as a set. If you're building a full channel identity, prepare badges separately at those dimensions.

How to upload emotes to Twitch

  1. Open the Creator Dashboard → Viewer Rewards → Emotes (or Affiliate/Partner emote settings).
  2. Pick a slot tier (each sub tier and bits-unlock tier has its own emote slots).
  3. Upload the 112×112 master — Twitch asks for all three sizes; drop in the 28/56/112 set this tool produced.
  4. Submit for review. Static emotes usually clear quickly; check that no size exceeds the limits above.
FAQ · methodology & caveats

Frequently asked.

Calculator outputs are estimates. Each Q below names the source data and the assumptions baked in.

What are the required Twitch emote sizes?
Twitch requires sub-emotes at three sizes: 28×28, 56×56, and 112×112. All three are mandatory at upload — the tool generates them in one step.
What's the file-size limit?
Twitch documents 25 KB per static PNG size as the spec ceiling. In practice the first-party uploader often accepts files up to ~1 MB. Animated GIFs reach 1 MB per size with a 60-frame ceiling.
Are uploaded files sent to your server?
No. The resize runs entirely in your browser via Canvas API. The source image never leaves your device — there is no upload, no logging, no analytics on file contents.
Does this work with animated GIFs?
The first frame is rendered as static PNG/JPG at all three sizes. Full animated GIF re-encoding (60-frame ceiling) is on the roadmap — for now, animated frames are flattened on export.
What's the difference between Cover and Fit?
Cover crops the longer axis so the emote fills the entire square (recommended for character art). Fit pads transparent (or background-colour) bars on the short axis so the whole image is visible (recommended for text or logos).

Done with the tool? Ship the channel.

Streamrise delivers real Twitch and Kick viewer floors — residential IPs, geo-targeted, with chat presence. Same engineering rigor you saw in the calculator, on the paid side. No password requested. Cancel anytime.