Choose one clear expression
Pick a reaction your viewers will actually use, such as hype, laughter, surprise or thanks. Build the emote around one face, object or gesture instead of several tiny elements.
Complete beginner workflow · July 2026
Start with a clear reaction, create large transparent artwork, test it at 28 pixels, and upload the finished files to Twitch. The artwork can come from Canva, Procreate, a drawing app or an artist—the preparation rules stay the same.
Resize finished artworkPick a reaction your viewers will actually use, such as hype, laughter, surprise or thanks. Build the emote around one face, object or gesture instead of several tiny elements.
Work on a square canvas at 500x500 pixels or larger in Canva, Procreate, Krita, Photoshop or another editor. Keep the main subject away from the outer edge.
Export transparent PNG artwork when the design should float naturally in chat. Check for pale fringe pixels around the outline before moving on.
Generate 112x112, 56x56 and 28x28 files. Inspect the 28px version at actual chat size; simplify thin lines, small text or weak contrast if it becomes unclear.
Open the emote section of your Twitch creator or affiliate settings, choose the appropriate slot, upload the prepared artwork and complete the name and attribution fields Twitch requests.
Use a square canvas, keep important shapes large, and export PNG with transparency. Avoid relying on small template text.
A phone or tablet works if the app can export a clean PNG. Zoom out regularly to judge whether the expression reads from a distance.
Ask the artist for a high-resolution transparent source and confirm commercial streaming rights before resizing or uploading it.
Twitch chat is fast and visually dense. The best emotes communicate in a fraction of a second through one expression, a recognizable silhouette and strong light-dark separation.
One face, gesture or object
Thick outer silhouette
High contrast between key shapes
Little or no text
Transparent, clean outer edge
A successful 28px preview
Yes. You can draw in a free editor such as Krita or use a design tool you already have, then resize the finished artwork with the free browser tool on this site. Make sure you own or have permission to use every visual element.
Yes. Create the artwork in a mobile drawing or design app, export a high-resolution PNG, then open the browser resizer on your phone. A larger screen is easier for inspecting small edges, but it is not required.
Yes. Both can produce square source artwork. Export a transparent PNG when available, then create and inspect Twitch’s smaller output sizes separately.
No. It crops and resizes artwork you already created or commissioned. It does not generate characters, expressions or templates, which helps keep the output faithful to your original art.
Crop once and download every Twitch emote size without uploading your source image to a server.
Create the Twitch-ready files