Skip to main content
OnlineEmoteResizer
OnlineEmoteResizer
en
2026 Technical Guide
Last verified against official Twitch documentation: October 10, 2026

Twitch Emote Sizes Guide: Exact Dimensions, Formats & Specs

Complete guide to Twitch emote sizes. Learn exact 112×112, 56×56, and 28×28 dimensions, auto-resize vs manual mode, static 100KB & animated 512KB limits, and badge rules.

What size should a Twitch emote be? (Direct Answer)

Twitch emotes must be exact 1:1 squares with transparent backgrounds. In Manual Mode, you upload three sizes: 112×112 px, 56×56 px, and 28×28 px (under 100 KB each for static PNG per the Subscriber Emote Guide; up to 512 KB each for animated GIF per Animated Emotes Guide). In Auto-Resize Mode, you upload a single square image between 112×112 px and 4096×4096 px (under 1 MB), and Twitch scales it automatically.

Official Twitch Emote & Badge Size Chart

Comprehensive overview of official Twitch emote and subscriber badge dimension, file size, and format requirements.
Asset Type / Mode Dimensions Format Max File Size Background Upload Mode / Details
Auto-Resize Emote 112×112 to 4096×4096 px PNG (Static) / GIF (Animated) 1 MB Transparent background required Single square file; scaled automatically by Twitch
Manual Emote 3-Pack 112×112, 56×56, 28×28 px PNG (Static) / GIF (Animated) < 100 KB (Static PNG) / ≤ 512 KB (Animated GIF) Transparent background required 3-pack (112, 56, 28px); sharpest chat legibility without server blur
Subscriber Badges 72×72, 36×36, 18×18 px Static PNG only (Transparent) 25 KB per file Transparent background required 3-pack (72, 36, 18px); static PNG only for subscriber loyalty flair
Cheer / Bits Badges 72×72, 36×36, 18×18 px PNG (Static) / GIF (Animated) 25 KB (PNG) / 512 KB (GIF) Transparent background required Cheer bits flair (72, 36, 18px); static PNG or animated GIF

1. Auto-Resize Mode vs. Manual Upload Mode

When uploading emotes in the Twitch Creator Dashboard, creators can choose between Auto-Resize Mode and Manual Mode.

Auto-Resize Mode allows you to upload a single square image between 112×112 px and 4096×4096 px (under 1 MB). Twitch downscales it to 56×56 and 28×28 automatically. While fast, Twitch automated server downsampling can soften delicate line art, blur fine details, or introduce halo artifacts around edges.

Manual Mode provides full quality control. You supply the exact three files: 112×112 px, 56×56 px, and 28×28 px. Using a dedicated on-device tool like OnlineEmoteResizer ensures high-quality bilinear resampling with alpha-weighted edge smoothing, keeping 28px chat emotes crisp and readable without server-side compression fuzziness.

2. Static PNG vs. Animated GIF Emotes

Static PNG Emotes

Static emotes must be submitted in PNG format with a transparent background. In Manual Mode, each of the three static files (112×112, 56×56, 28×28) must be under 100 KB according to Twitch's official Subscriber Emote Guide. In Auto-Resize Mode, a single static square image can be up to 1 MB.

Animated GIF Emotes

Animated emotes must be submitted in GIF format. Key Twitch requirements include: maximum 60 animation frames, no more than 3 flashes or flickers per second, square 1:1 dimensions, and a maximum file size of 512 KB per file in Manual Mode (1 MB in Auto-Resize Mode). Animated WebP is not accepted by Twitch.

3. Twitch Emotes vs. Subscriber Badges

Subscriber badges (loyalty flair displayed next to usernames in chat) have different dimensions than emotes: 72×72 px, 36×36 px, and 18×18 px.

Unlike emotes, subscriber badges must be static PNGs only with transparent backgrounds, and each badge file has a strict 25 KB file size limit. Animated GIFs are not supported for subscriber badges.

4. How to Resize Twitch Emotes Step-by-Step

  1. 1 Upload Artwork

    Step 1: Upload your artwork. Drag and drop any PNG, JPG, WebP, or GIF image up to 10MB into the resizer.

  2. 2 Frame Canvas

    Step 2: Select framing. Choose Fit (contain with transparent padding) or Crop (fill) to ensure a 1:1 square aspect ratio.

  3. 3 Chat Preview

    Step 3: Preview at 1:1 true size. Review 112px, 56px, and 28px outputs against simulated Twitch light and dark chat backgrounds.

  4. 4 Export ZIP

    Step 4: Download your pack. Grab individual files or download all three sizes in a single organized ZIP archive.

5. Emote Design Tips for 28×28 px Chat Readability

Emotes live in fast-scrolling Twitch chat where they render at just 28×28 pixels. To make them stand out:

Use bold outlines: Thin 1px strokes disappear when scaled to 28px. Aim for distinct, bold outer contours.

Prioritize facial expressions and silhouette: Keep details simplified and maximize face size within the square canvas.

High contrast for both themes: Viewers use light mode and dark mode. Ensure your artwork has sufficient contrast against both dark (#0e0e10) and white backgrounds.

Never leave solid white boxes: Ensure full transparency around the subject so emotes do not appear as harsh solid blocks in dark chat.

6. How OnlineEmoteResizer Protects Your Artwork

Unlike cloud-based image processors that upload your graphics to remote servers, OnlineEmoteResizer performs 100% of image decoding, frame extraction, downscaling, and ZIP bundling locally inside your web browser. Your artwork never leaves your device.

Frequently Asked Questions About Twitch Emote Sizes

Can I upload a 500×500 px image directly to Twitch?

Yes, if you use Auto-Resize Mode, Twitch accepts square images up to 4096×4096 px (under 1 MB). However, for maximum sharpness, resizing to the exact 112×112, 56×56, and 28×28 px manual pack is recommended.

Why are Twitch emotes so small in chat?

Twitch displays chat emotes at 28×28 pixels inline with standard 14px chat text so they don not break message line height. High-DPI screens render the 56×56 px asset at 2x density.

Does resizing an emote guarantee Twitch approval?

No. Resizing guarantees technical compliance with dimensions and file sizes, but Twitch human moderators and automated systems review every emote against Community Guidelines and copyright policies.

What is the maximum file size for Twitch emotes?

In Manual Mode, static PNG files must be under 100 KB each (per Twitch Subscriber Emote Guide), while animated GIFs can be up to 512 KB each (per Animated Emotes Guide). In Auto-Resize Mode, the single uploaded square file cannot exceed 1 MB. Subscriber badges have a strict 25 KB limit per file.

Official Twitch Sources & Verification

All technical specifications in this guide were verified on October 10, 2026 against official Twitch documentation:

Ready to Prepare Your Twitch Emotes?

Use our free, on-device resizer to create exact 112×112, 56×56, and 28×28 PNGs or animated GIFs with zero server uploads.

Open Free Twitch Emote Resizer