How I Built a Free Twitch Emote Resizer Tool

javascript dev.to

How I Built a Free Twitch Emote Resizer Tool

As a Twitch streamer, I always struggled with getting my emotes sized correctly for upload. Twitch requires specific pixel dimensions: 28×28, 56×56, and 112×112 pixels. Even being one pixel off causes the upload to fail.

I decided to build a free tool to solve this problem once and for all.

The Problem

Every time I created a new emote, I had to:

  1. Open an image editor
  2. Resize to three different dimensions
  3. Export each version separately
  4. Hope I got the sizes right

This tedious process could take 10-15 minutes per emote.

The Solution: PopEmote

I built PopEmote — a free, browser-based emote resizer that does everything in one click.

Key Features:

  • Instant resizing to all three Twitch sizes
  • Chat preview to see how your emote looks in real chat
  • Upload validation to catch common issues before submitting
  • No sign-up required — just upload and download

How It Works

  1. Upload your PNG or GIF emote
  2. Preview it in a mock Twitch chat
  3. Download all three sizes at once

The tool is built with vanilla JavaScript — no frameworks, no dependencies, no bloat. It runs entirely in the browser, so your images never leave your device.

Try It Free

If you're a Twitch streamer looking for a quick way to resize your emotes, check out PopEmote — it's completely free and requires no account.

Source: dev.to

arrow_back Back to Tutorials