The latest articles on DEV Community by Emojisilo (@emojisilo). https://dev.to/emojisilo https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4223364%2Ff464fe79-2f14-4336-8e72-891d142ba416.png https://dev.to/emojisilo en Emojisilo Tue, 03 Nov 2026 03:15:57 +0000 https://dev.to/emojisilo/twitch-discord-and-slack-emote-sizes-in-one-browser-zip-no-upload-ec6 https://dev.to/emojisilo/twitch-discord-and-slack-emote-sizes-in-one-browser-zip-no-upload-ec6 <p>Chat platforms disagree on custom emote sizes. Twitch wants three emote scales (and optional badge sizes). Discord and Slack each want a square near 128×128. Many “emote makers” stretch the art, upload your file to a server, or ask for an account before you can download anything.</p> <p>I built <strong><a href="https://emojisilo.com/" rel="noopener noreferrer">Emojisilo</a></strong> as a small browser workshop that stays on-device: drop a PNG, JPG, WebP, or GIF, pad to square without stretching, then export the platform sizes you toggled in one ZIP.</p> <h2> Platform sizes (cheat sheet) </h2> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Platform</th> <th>What you need</th> </tr> </thead> <tbody> <tr> <td>Twitch emotes</td> <td>112 / 56 / 28</td> </tr> <tr> <td>Twitch badges (optional)</td> <td>72 / 36 / 18 PNG</td> </tr> <tr> <td>Discord emoji</td> <td>128×128</td> </tr> <tr> <td>Slack emoji</td> <td>128×128</td> </tr> </tbody> </table></div> <p>Animated GIFs keep motion, with per-platform size targets so chat previews stay under common limits.</p> <h2> Design choices that mattered </h2> <ol> <li> <strong>Pad, don’t stretch</strong> — source images often aren’t square; stretching looks wrong in chat. The page pads to square.</li> <li> <strong>One ZIP</strong> — streamers and mods usually need several platforms at once; packing them together removes the “export four times” loop.</li> <li> <strong>No upload / no account</strong> — processing runs in the browser. Files stay on your device unless you download the ZIP yourself.</li> <li> <strong>Extra shelves</strong> — the same site has copy-ready <a href="https://emojisilo.com/emoji-combos/" rel="noopener noreferrer">emoji combos</a> and <a href="https://emojisilo.com/kaomoji/" rel="noopener noreferrer">kaomoji</a> when you just need a pasteable face.</li> </ol> <h2> Try it </h2> <p>Open <a href="https://emojisilo.com/" rel="noopener noreferrer">https://emojisilo.com/</a>, drop an image, toggle Discord / Twitch / Slack, download <code>emotes.zip</code>. Free; no signup.</p> <p>If you hit a size or GIF edge case in production chat, leave a comment with the platform and what broke — useful feedback for the workshop.</p> <p><em>Disclosure: this post was drafted with AI assistance from product notes; technical facts above match the live site.</em></p> webdev javascript opensource productivity