Free tool

Twitch emote maker, all three sizes in one go.

This Twitch emote maker crops any picture to a square and saves it at the three emote sizes, 28, 56 and 112 pixels, as PNG files with a see-through background if you want one. See it at real size on a dark and a light chat before you upload. Switch to Discord to make a 128 pixel emoji instead. It runs in your browser, so the picture is never uploaded.

The picture is cropped and resized in your browser. Nothing is uploaded.

How it works

Crop once, get every size.

01 / Drop

Add a picture

Drop any picture. Drag and zoom to choose the square you want.

02 / Check

See it small

The emote shows at real size on a dark and a light chat, next to some text.

03 / Save

Download the sizes

One ZIP with every size, or each PNG on its own, with the file size checked.

Guide

How to make a Twitch emote, at every size.

A Twitch emote maker crops your picture to a square and saves it at the sizes Twitch asks for. A standard Twitch emote is a PNG. You upload either three files at 28 x 28, 56 x 56 and 112 x 112 pixels, or one square PNG between 112 x 112 and 4096 x 4096 and let Twitch resize it. This page makes all three sizes in one go, checks each file against the 1 MB limit, and shows them at real size on a dark and a light chat. It also makes a 128 pixel Discord emoji.

How to make a Twitch emote

  1. Drop a picture on the box, paste one, or click to choose. PNG, JPG, WebP, GIF and HEIC all work.
  2. Drag the picture to place the square, and scroll over it or use Zoom to fit. Arrow keys move it and plus and minus zoom.
  3. If the background is one plain colour, turn on Make one colour see-through. Use Use the corners or Pick on the picture to choose the colour, then set how close counts as the same colour and the soft edge.
  4. Turn on Add an outline if the emote gets lost on a dark or a light chat. Look at the two chats under the picture.
  5. Under Make it for, keep Twitch emote. Press Download all sizes as a ZIP, or the PNG button beside a single size.

What Twitch asks for

These rules are from Twitch's emote formatting page, read on 26 Oct 2026: help.twitch.tv/s/article/emote-guidelines. Read it again before you upload, because rules change.

RuleStandard emote
File typePNG
Sizes28 x 28, 56 x 56 and 112 x 112 pixels, or one square PNG from 112 x 112 to 4096 x 4096 for auto-resize
ShapeSquare, the same height and width
File sizeNo more than 1 MB
BackgroundTwitch asks for a fully see-through background

Twitch also asks you to look at the emote at 100% to be sure the lines are clear, with no blur, and any letters easy to read. That is what the real size previews are for. Animated emotes use GIF files with other limits, and they are not made here. The page does not check Twitch's content rules, so read its Emote Guidelines too.

A worked example

Take a 640 x 480 picture. The square is cut from the 480 pixel side, so you drag it to choose the part that shows. Scaling that 480 pixel square to 112 pixels is a factor of 112 divided by 480, about 0.233. The 56 pixel size is half of that, and 28 is half again. The page steps down by halves so thin lines keep their detail. For a flat drawing of a face, the three PNGs came out at 1,557 bytes, 3,021 bytes and 6,521 bytes, far under 1 MB. A photo is bigger, and only the larger auto-resize file can get near the limit.

Making the background see-through

The see-through step is a colour key. It removes one colour and the colours close to it. With Only from the outside in on, it starts at the edge of the picture, so the same colour inside the picture is kept, such as the white of the eyes. Turn that off and every pixel of that colour goes. Raise How close counts as the same colour if a fringe of the old background is left, and use Soft edge to smooth it. This works well on a drawing with a plain background. It does not cut a person out of a photo. For that, use remove background, then drop the PNG here. A picture that is already see-through keeps its see-through parts.

Discord emoji

Press Discord emoji under Make it for. Discord's help page says a custom emoji must be under 256 KB, in a type such as JPEG, PNG, GIF or WEBP, and that its name must be at least 2 characters of letters, numbers and underscores (support.discord.com, read 26 Oct 2026). That page does not state a pixel size. Discord's developer documentation calls the upload a 128 x 128 emoji image with a 256 KiB limit (docs.discord.com, read 26 Oct 2026). The page makes a 128 x 128 PNG, and the File name is cleaned to match Discord's name rule.

To resize a finished animated picture, use the GIF resizer. For a round profile picture, try the profile picture maker.

Questions

Good to know.

What size is a Twitch emote?

Twitch asks for 28 x 28, 56 x 56 and 112 x 112 pixels, or one square PNG between 112 x 112 and 4096 x 4096 that Twitch resizes for you. This page makes the three sizes.

What file type and size do Twitch emotes need?

A PNG of no more than 1 MB, square, with a fully see-through background. The page shows each file size and whether it is under 1 MB.

How do I make a Twitch emote background transparent?

Turn on Make one colour see-through, pick the background colour, and adjust how close counts and the soft edge. It works best on a plain background. For a photo, use a cut-out tool first.

Can I make a Discord emoji here?

Yes. Choose Discord emoji to get a 128 x 128 PNG. Discord says emoji must be under 256 KB, and the page checks it.

Does it make animated emotes?

No. It makes still PNG files. Twitch takes animated emotes as GIF files with their own limits, which this page does not make.

Why show the emote on a dark and a light chat?

Chats come in both colours, and an emote can disappear on one of them. Add an outline if it does.

Is my picture uploaded?

No. It is cropped and resized in your browser, and the files go straight to your downloads.

What is the larger PNG for auto-resize?

Twitch can make the three sizes from one square PNG. The option makes one up to 512 pixels, limited by how many pixels your square really has.