← All guides

CREATOR DESIGN · PRACTICAL GUIDE

Twitch emote sizes: PNG, transparency and upload troubleshooting

Correct dimensions are only part of a usable emote. It also needs a transparent background, an expression that reads in chat, and a file Twitch can accept. This guide covers static emotes and preparing their sizes without stretching the artwork.

Official documentation checked November 12, 2026.

Open the free image resizer →
112 / 56 / 28PNG

Twitch · emotes

2560 × 1440
Keep text & logo centered

YouTube · banner

1920 × 1080OFFLINE

Kick · offline screen

A visual guide to proportions, not a scale drawing. The banner box is illustrative and is not added to your downloads.

112, 56 and 28 px: manual upload or auto-resize

Twitch offers two paths. With auto-resize, you can upload one square PNG between 112 and 4096 pixels per side, under 1 MB. If you turn auto-resize off, prepare three square files: 112 × 112, 56 × 56 and 28 × 28 px. You do not always need to upload all three.

The Twitch preset in this tool produces the manual-upload set. Download the PNGs individually or get the complete ZIP, then extract the files before uploading them to Twitch. Keep your larger original for future edits. Enlarging the 28 px version will not recover discarded detail.

PNG does not automatically mean a transparent background

Twitch requires a transparent background. Converting a JPG to PNG keeps its background: changing the format does not cut out a person or remove white. Start with an original that already has transparency, or remove the background in an editor before resizing.

The checkerboard preview helps identify transparent areas. If a white square is part of the actual image, it will remain. Check the outline too: a pale halo around the artwork can become obvious against dark chat backgrounds.

Choose framing that keeps the expression intact

Keep the whole image preserves the complete drawing and adds space when the original is not square. Crop to fill uses the entire square but may cut off ears, hands or lettering. Adjust the horizontal and vertical framing until the important features stay visible.

Pay particular attention to the 28 px version. A recognizable face often works better than a full scene. If text is unreadable, shorten it or remove words in the original design. Sharpening or switching formats cannot rescue lettering that is simply too small.

If Twitch rejects the file

Check the dimensions, PNG format and actual size of the downloaded file. Do not just rename the extension: that does not convert an image. Leave some headroom below the limit. For PNG, simplifying detail or using cleaner artwork can help; the JPG quality slider is not applicable to this preset.

This tool does not process GIF, APNG or animated WebP. It rejects them rather than silently flattening an animation. If you need an animated emote, check Twitch’s separate animation requirements and use a workflow that preserves frames.

Before you publish

Try the emote on light and dark backgrounds, confirm that each file matches its intended size, and use artwork you own or have permission to use. Correct dimensions do not guarantee approval: Twitch also applies its content rules. Consult the linked requirements if your upload panel shows a different condition.

Official sources and requirements

Requirements and upload options may change. Correct sizing does not guarantee content approval.

Guides for your channel images

02

YouTube thumbnail and banner sizes: resolution, file limits and safe areas

Prepare YouTube thumbnails and banners with the current 4K recommendation, device-specific upload limits, JPG compression and safe-area guidance.

Read the guide →
03

Kick image sizes: emotes, avatar, channel banner and offline screen

Kick dimensions and file limits for 500 px emotes, avatars, banners and offline images, plus PNG and JPG export troubleshooting.

Read the guide →