From 8fcb2d51c8d41c032142af59796cb95395e3eb9d Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 31 Jul 2026 20:00:23 +0000 Subject: [PATCH] Add Slack Emoji Maker tool Open, drag-drop, or paste any image, then prepare it as a Slack custom emoji: automatic and click-to-select background removal with adjustable tolerance, interactive square cropping (plus trim/pad helpers), resizing and color reduction to get under Slack's 128KB PNG limit, live size feedback, light/dark Slack previews, and download or copy to clipboard. Co-Authored-By: Claude Fable 5 Claude-Session: https://claude.ai/code/session_01UeXJ6yn95J6fSjoqhPSSos --- slack-emoji-maker.html | 897 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 897 insertions(+) create mode 100644 slack-emoji-maker.html diff --git a/slack-emoji-maker.html b/slack-emoji-maker.html new file mode 100644 index 00000000..f4488b81 --- /dev/null +++ b/slack-emoji-maker.html @@ -0,0 +1,897 @@ + + + + + +Slack Emoji Maker + + + +

Slack Emoji Maker

+

Turn any image into a custom Slack emoji: square, transparent background, PNG under 128KB.

+ +
+ Drag and drop an image here, click to select a file, or paste from your clipboard +
JPG, PNG, GIF, WebP, SVG… anything your browser can open. Very large images are scaled down to 1024px.
+
+ +
+ +
+
+
+ + + + + +
+
+
+
+ +
+
+
+
+
+
+
+

Click anywhere on the image to remove that color. The checkerboard shows transparent areas.

+
+
+
+ Remove background +
+ + +
+
+ + +
+
+ + + 25 +
+

Higher tolerance removes a wider range of similar colors. Undo and retry if it eats too much.

+
+
+ Make it square +
+ + + +
+
+ + +
+
+
+ Shrink +
+ + + +
+

Slack displays emoji at up to 128×128, so resizing to 128px is almost always the right move.

+
+
+ Result +
+ + checking… +
+
+
+ + :emoji: +
+
+ + +
+
+
+ Preview in Slack +
+
+ 22px preview on light background + 64px preview on light background + Light mode +
+
+ 22px preview on dark background + 64px preview on dark background + Dark mode +
+
+
+
+
+
+
+ + + + + +