Twitch emote resizer

The 112, 56 and 28 pixel PNGs for each emote, from one drawing, made on this device.

Turn emote art into the three sizes Twitch asks for, 112, 56 and 28 pixels, as transparent PNGs under 1 MB. It is free, needs no account and adds no watermark, and your files are not uploaded: everything runs in your browser on your device. The size limit is your device’s memory, and phones hold less; give the page a short while after one visit to save itself for offline use, and then it works offline.

Drop your emote artor click to choose files. Batches welcome.
    Working…

    Done

    Your files are processed on this device and never sent to a server. Reload the page to clear everything from memory.

    The Twitch creator dashboard takes each emote as three square PNGs: 112 × 112, 56 × 56 and 28 × 28 pixels, each under 1 MB, with a transparent background. Artists usually deliver one large drawing, often 500 to 4000 pixels with a wide empty margin, and the dashboard’s own automatic resize leaves the smallest size muddy.

    Drop the drawings here and every emote comes out at all three sizes, named with the size so they are easy to match to the upload slots. Empty transparent edges are trimmed first so the face fills the square, the scaling is done in halving steps for clean lines, and the 28 pixel version gets a touch of sharpening.

    Look at the 28 pixel file before you submit: that is the size most viewers see in chat. If it is a blur, the art needs thicker outlines or less detail rather than more resizing.

    How it works

    1. Drop one or several emote drawings.
    2. Keep Fit inside for non-square art, or pick Crop to square.
    3. Press Make the emotes, then upload each size in Viewer Rewards, Emotes.

    In your browser, not on a server

    Your browser decodes each drawing (SVG, HEIC, AVIF and JPEG XL included) and, unless you untick it, finds the smallest box holding every visible pixel so the empty transparent margin is cropped away. The art is then scaled down in halving steps with high-quality smoothing, which keeps outlines cleaner than one big jump, fitted or cropped into each square, lightly sharpened at the smallest sizes with an unsharp mask, and saved as PNG by your browser. An animated GIF is decoded frame by frame with gifuct-js (MIT), each frame drawn into the square, and written back with gifenc (MIT), trying stronger colour reduction and fewer frames until it is under the limit.

    Compared with upload-based tools: Emote resizer sites upload commissioned artwork and unreleased sub badges to a server, and many add a watermark to the preview or cap how many you can do. Here the drawings never leave your device and every size is made in one go.

    Verify it yourself. Give the page a short while after one visit to save itself for offline use, then turn off Wi-Fi or switch to airplane mode and run the tool again. Or open your browser's developer tools (F12, or Cmd-Option-I on a Mac), pick the Network tab, and watch it while you convert. The panel above does the same count for you.

    Questions

    Can I upload just the 112 pixel file?

    Twitch has a simple upload that makes the smaller sizes itself from one image. Uploading your own three sizes lets you check the small ones first and use the sharpened versions from here, which often read better in chat.

    Why was my emote rejected?

    Rejections for affiliates and partners are nearly always about content, not size. Size problems show up at upload: a file that is not square, not PNG or over 1 MB. Every file from this page is square PNG, and the result list flags any that go over.

    Does this work for 7TV, BTTV or FrankerFaceZ?

    Yes for still emotes: those sites accept PNGs, and the 112 pixel file is a good upload for them.

    Is the file uploaded anywhere?

    No. There is no server in this process. The page is a static file and the work is done by code running inside your browser tab. Give the page a short while after one visit to save itself for offline use; then you can turn off Wi-Fi and it still works.

    More image tools

    Other conversions