Slack 絵文字メーカー

Slack のカスタム絵文字の仕様

Slack のカスタム絵文字には、はっきりした上限が三つあります。画像は 128×128px（これより大きいと縮小されるか弾かれます）、ファイルサイズは 128KB 以下、アニメーション GIF はおおむね 50 フレーム以内です。形式は PNG・GIF・JPG が使えます。 この三つのうちどれか一つでも外れると、登録時にエラーになるか、登録できてもアニメーションが止まった状態で表示されます。

とくに厄介なのが 128KB という容量です。スマートフォンで撮った写真はもちろん、 画面録画から作った GIF は数 MB になるのがふつうで、そのままでは 20 倍から 50 倍ほど重すぎます。 世の中の解説記事の多くは「別のサイトでリサイズして、別のサイトで圧縮して、それでもだめなら色数を減らして、 もう一度やり直す」という手順を案内していますが、何回やっても収まらないことがあります。 このツールはその往復を全部引き受けて、128KB に収まるまで自動で詰めます。

このツールの使い方

1. 画像や GIF を上のエリアに置きます。ファイルはブラウザの中だけで処理され、どこにも送信されません。
2. 被写体のある場所を見て、正方形の切り抜きが自動で決まります。ずれていたら「切り抜きの大きさ」「よこ位置」「たて位置」の 三つのスライダーで直せます。
3. 背景が白や単色なら「単色の背景を透過にする」を入れます。しきい値のスライダーで、どこまで近い色を消すかを決められます。 写真から人物だけを切り抜くような AI の背景除去はしません。単色背景に対して確実に効く方式に絞っています。
4. 「まわりの余白を自動で詰める」を入れると、絵の周囲の透明な部分を切り落としてから 128px に収めます。 22px で表示される Slack では、余白が数 px あるだけで絵がひとまわり小さく見えるので、効果が大きい設定です。
5. 右下の規格チェックがすべて緑になったら、ダウンロードします。ファイル名はショートコード名になるので、 Slack の登録画面で名前を打ち直す手間が減ります。

よくある失敗と直し方

登録できたのに動かない

アニメーション GIF が静止画として表示される場合、原因はほぼ二つです。フレーム数が 50 を超えているか、 容量が 128KB を超えていて Slack 側で静止画に変換されているかです。 このツールは動く素材を読み込むと自動でフレームを間引きます。間引くときは、落としたコマの表示時間を 直前のコマに足すので、再生の速さと全体の長さは変わりません。

小さすぎて何か分からない

Slack のメッセージ本文では絵文字は 22px 前後で表示されます。128px で見ると読める文字も、 22px では線がつぶれて灰色の塊になります。上のプレビューは実寸そのままなので、ここで読めなければ、実際の Slack でも読めません。 文字なら 4 文字までに減らす、線を太くする、余白を 0% にする、のどれかで大きく改善します。

ダークモードで背景が白く浮く

白い背景のまま登録した絵文字は、ダークテーマの人の画面では白い四角として浮きます。 プレビューの右側がダークモードの見え方です。ここで四角く見えていたら、透過を有効にしてください。 逆に、黒い文字を透過にすると今度はダークモードで文字が見えなくなります。 その場合は白い縁取りを付けるか、どちらの背景でも読める中間の色（オレンジ・青など）にします。

アップロードで「ファイルが大きすぎます」と言われる

128KB を超えています。このツールから書き出したファイルなら容量の欄が緑になっているはずなので、 まず元のファイルを取り違えていないか確かめてください。それでも弾かれる場合は、 余白のスライダーを少し増やす（絵の情報量が減って軽くなります）か、動く素材なら静止画で書き出してみてください。

Slack への登録手順

Slack の PC 版で、メッセージ入力欄の絵文字ボタンを押し、パネル下部の「絵文字を追加する」を選びます。 画像をアップロードして名前を付ければ完了です。名前は英数字・ハイフン・アンダースコアが使えます。スマートフォンの Slack アプリからは、カスタム絵文字を追加できません。PC のブラウザ版なら追加できるので、外出先ではブラウザで開くのが早道です。 なお、絵文字を追加する権限はワークスペースの管理者が制限している場合があります。 追加のボタンが見当たらないときは、権限の設定を確認してください。