Twitch emote resizer

Make all three emote sizes as transparent PNGs, ready to upload.

Preset

Drop images here, or paste with Ctrl+V

JPG, PNG, WebP, GIF or HEIC. Several at once is fine.

Settings size, KB limit, format, DPI
1 to 100, empty = automatic

    Your images are processed on this device and never uploaded.

    Crop image

    Drag the box to move it and the corners to resize. With the box focused, arrow keys move it and Shift+arrow keys resize it.

    Example with a real photo

    We ran this tool on the photo below. These are the real results.

    Original4032 × 2929 px · 403.5 KB · JPG
    Result112 × 112 px · 5.5 KB · PNGThis is the actual file the tool made.

    Photo: Unsplash

    What this page does
    Sizes112 × 112, 56 × 56 and 28 × 28 px
    FormatPNG with transparency
    File sizeUnder 1 MB each

    Twitch can also generate the smaller sizes from one large image. Check Twitch's creator dashboard for the current upload rules.

    How to use it

    1. Drop your emote artwork (ideally a large square PNG).
    2. Download the 112 px version, then click 56 and 28 and download those.
    3. Upload each file in the Twitch emote manager.

    Keeping emotes readable when small

    At 28 × 28 pixels, fine lines and small text disappear. Emotes that read well at small sizes use thick outlines, a simple shape and strong contrast. Check the 28 px preview before you upload.

    The tool keeps your transparency and fits the artwork inside the square without cropping, so a slightly wide or tall design is centred with transparent space around it.

    Questions

    Can I use this for badges too?

    Twitch subscriber badges use 72, 36 and 18 px. Enter those sizes in Settings with the format set to PNG.

    Why is my emote blurry at 28 px?

    Shrinking to 28 pixels removes almost all detail. Simplify the design (bolder lines, fewer colours) rather than relying on the resize.

    Is my photo uploaded to a server?

    No. The resizing runs inside your browser with JavaScript, so the image never leaves your device. Once the page has loaded, resizing keeps working even if you go offline.