Stayput

↑↓ to move, Enter to open, Esc to close. Search runs on this page. Nothing you type is sent.

Twitch sub badge resizer

Each subscriber badge at 72, 36 and 18 pixels, under the 25 KB cap, made on this device.

Resize loyalty badge art to Twitch’s 72, 36 and 18 pixel PNGs, each under 25 KB, with transparency kept. 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 badge 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.

    Subscriber badges sit next to a viewer’s name in chat, so Twitch wants them tiny: square PNGs at 72 × 72, 36 × 36 and 18 × 18 pixels, and no more than 25 KB each. A channel with loyalty badges for 1, 3, 6, 9 and 12 months and beyond needs fifteen or more files cut from the same set of drawings.

    Drop the whole set here at once. Each badge is trimmed to its visible edges, scaled into the three squares and saved as a transparent PNG with the size in its name. The 18 pixel version is sharpened lightly, because at that size a badge is barely more than a coloured shape.

    Custom Bits badges use the same 72, 36 and 18 pixel sizes, so the same output fits those upload slots too.

    How it works

    1. Drop every badge in the set.
    2. Keep Trim empty transparent edges ticked so the art fills the square.
    3. Press Make the badges and upload each size under Viewer Rewards, Subscriptions, Badges.

    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

    What should an 18 pixel badge look like?

    A single strong silhouette in one or two colours with a dark outline. Numbers for the month count usually cannot be read at 18 pixels; change the colour or shape per tier instead.

    Could a badge go over 25 KB?

    At 72 pixels a PNG is almost always a few kilobytes. If one ever goes over, the result list says so; a noisy painted texture is the usual cause, and a flatter version of the art fixes it.

    Is it the same for Twitch mobile?

    Yes. The app picks whichever of the three sizes suits the screen density, which is why Twitch asks for all three.

    Do I need a new badge for every month tier?

    No. Twitch shows the default badge for any tier you leave empty. Many streamers make four or five and change only the colour or frame between 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

    Emote resizer

    Every size Twitch, Discord or Slack asks for from one drawing, with transparency kept, made on this device.

    Add text to GIF

    Write a caption on every frame of an animated GIF and drag it where you want it. Done on this device, and the GIF is not uploaded.

    Merge GIFs

    Join several animated GIFs end to end, in the order you choose. They are put together on this device, and the GIFs are not uploaded.

    GIF maker

    Your pictures turned into one looping GIF, put together on this device, with no watermark.

    Other conversions