How to Make a Custom Emoji With a Transparent Background

A transparent background makes a reaction feel native in chat, but only when the cutout edge is clean. Use this short workflow to avoid white boxes, gray halos, and subjects that disappear in dark mode.

Miles Crawford

3 min read

This image was generated with AI

Use Transparency Only When It Helps

Remove the background when the subject has a recognizable silhouette: a face, hand gesture, mascot, object, or bold mark. Keep a simple background when it carries the joke or separates a pale subject from chat.

Start with the largest, sharpest source you have. Background removal cannot restore detail that is missing from a tiny screenshot.

Crop Before You Remove

Crop close to the subject first. A tight square gives the removal tool fewer distractions and reserves more of the final emoji for the part people need to read. Leave a narrow margin for hair, ears, fingers, or motion.

Teamsmoji’s emoji maker can crop a source and export a chat-ready result in the browser. For a full source-to-export workflow, use the image, GIF, and video guide.

Clean the Edge at Two Sizes

Zoom in and remove obvious leftovers between hair, around glasses, and inside handles or arm gaps. Then zoom back out to actual chat size. A technically perfect strand-by-strand cutout can turn into noisy fuzz when reduced.

Erase isolated background specks.
Restore important parts the remover clipped.
Soften only jagged pixels, not the whole subject.
If a pale rim remains, shrink the mask slightly or replace the contaminated edge color.

Test Light, Dark, and Busy Surfaces

Place the cutout over white, charcoal, and a mid-tone color. A white halo hides on white and becomes obvious on dark mode. Dark hair or a black logo can vanish on charcoal.

When the subject disappears, add a thin neutral outline or a small solid shape behind it. Keep that treatment part of the emoji rather than relying on the chat background. The clarity guide covers crop, contrast, and thumbnail testing in more depth.

Export in a Format That Keeps Alpha

For a static emoji, export PNG. JPEG cannot preserve transparent pixels, so an editor may replace them with white or another matte color. For animation, use a GIF with transparency only if the edge survives the limited palette; otherwise simplify the cutout or use a small intentional background.

Slack’s current custom emoji guidance accepts JPG, GIF, or PNG and recommends square images under 128 KB. Microsoft lists JPEG, PNG, and GIF custom emoji uploads with a 256 KB limit. Discord’s custom emoji guidance lists JPEG, PNG, GIF, and WEBP with a 256 KB limit. Platform limits change, so check the destination before a large rollout.

Pre-Upload Check

The subject fills most of the square without clipping.
No white box or accidental background patch remains.
Hair, fingers, and internal gaps look clean at chat size.
The cutout reads on white, dark gray, and a mid-tone color.
The exported file opens with transparency intact and fits the destination limit.