Twitch Bit Badge Maker

Twitch bit badges use the same three square sizes as subscriber badges — 72, 36 and 18 pixels, each under 25 KB. Crop once, export all three as a ZIP, and repeat per cheer tier. Every file is measured against the cap before download.

Local-only

Drop a PNG, JPG, WebP or GIF

or drop anywhere on this page · Choose a file · 100 MB

Bit badges mark how much a viewer has cheered in your channel, and they come as a set: separate artwork for each cheer milestone, from the first hundred bits upward. Each piece of that set needs the same three square exports — 72, 36 and 18 pixels — and each file must stay under 25 KB.

The set is what makes this tedious by hand. Nine tiers times three sizes is twenty-seven exports, each needing a size check, and doing it in a general image editor is an afternoon. One crop per tier here produces a named ZIP of three, which turns the afternoon into a few minutes.

The design problem is the same as for subscriber badges and slightly harder: bit tiers are conventionally distinguished by colour, and colours that look distinct at 72 pixels can converge at 18 against a dark chat background. The page exports the smallest size so you can check that before committing the set.

Subscriber badges use the identical geometry, so the sub badge page covers that half of the job.

For anything the platform does not dictate, the rest of the image tools handle sizes of your own choosing.

A bit badge set, tier by tier

Twitch defines cheer milestones and expects artwork for each one you choose to customise. The exact tiers available depend on your affiliate or partner status; the geometry does not change between them.

Item	Requirement	Note
Sizes per tier	72, 36 and 18 px	All square, all required
File size	Under 25 KB each	Enforced at upload
Format	PNG	Transparent background expected
Tiers	One image set per cheer milestone	Customise as many as you want

Keeping tiers apart at eighteen pixels

The conventional approach is a colour ramp: grey, purple, green, blue, red, and so on upward. That works at 72 pixels and can fail at 18, where a saturated purple and a saturated blue sitting beside white text on a dark ground are genuinely hard to tell apart in peripheral vision.

Two things help. Vary lightness as well as hue, so the tiers differ in contrast against the chat background rather than only in colour. And change the silhouette slightly at the higher tiers — a wreath, an extra point, a different outline — so shape carries some of the distinction that colour alone cannot.

Vary lightness across the ramp, not only hue.
Give the top tiers a distinguishable outline shape as well as a colour.
Check the 18-pixel exports side by side before uploading the set.
Test against a dark background; chat is dark for most viewers.

Why the byte cap rarely bites here

Bit badge artwork is flat and simple by necessity, and flat artwork at 72 pixels square is a couple of kilobytes as PNG — nowhere near the 25 KB ceiling. The cap becomes a problem only when a tier is supplied as a rendered gem or a photographic texture, and those tiers rarely read at 18 pixels anyway.

When a file does come in over, the page says so and the remedy is either simplification or a WebP export where the quality search can find a fit. PNG has no quality dial to turn, which is exactly why the measurement is reported rather than silently ignored.

Working through a set efficiently

Drop the first tier, set the crop, export, then drop the next file — the crop settings stay where you left them, so a set drawn on a consistent canvas needs the framing decided once. Each ZIP is named for the badge rather than for the tier, so rename as you go if you are exporting many in one sitting.

Frequently asked questions

What size are Twitch bit badges?

72 by 72, 36 by 36 and 18 by 18 pixels, the same trio subscriber badges use, with the same 25 KB ceiling per file. A full cheer set needs that trio for every milestone tier you choose to customise.

How many bit badge tiers do I need to make?

Only the ones you want to customise. Twitch supplies default artwork for every cheer milestone, and a channel can replace as few or as many as it likes. Most channels start with the lower tiers, which are the ones viewers actually reach.

Why do my cheer tiers look the same in chat?

Because a hue-only ramp loses its separation at 18 pixels against a dark background. Vary lightness across the set as well as colour, and give the higher tiers a slightly different silhouette, so shape and contrast carry the distinction that hue alone cannot at that size.

Should bit badges have a transparent background?

Yes. They sit inline beside a username on a background that differs between themes and overlays, so a solid rectangle behind the artwork is conspicuous. Export PNG or WebP and keep the alpha edge clean — a soft halo shows as a fringe at small sizes.

Can I use the same artwork for bits and subs?

Technically yes, since the sizes match, but it defeats the purpose: the two badge types tell viewers different things, and a channel where cheering and subscribing look identical loses the signal both were meant to send. Reuse the style, not the shape.

Does this page upload my badge set anywhere?

No. Every crop, resize, encode and ZIP happens inside this browser tab, with no server involved at any point. For a commissioned set that has not been announced yet, that is checkable rather than merely claimed — the Network panel stays empty.

ToolsByUs team · How we check our tools