Slack 絵文字のサイズ・容量・フレーム数の完全仕様

Slack のカスタム絵文字は、登録画面に上限が書かれていません。そのため「アップロードしたらエラーになった」 「登録はできたのに動かない」という形で、あとから上限にぶつかることになります。 この記事では、実際に弾かれる条件を四つの軸に分けて整理します。

1. 画像サイズは 128×128px

推奨サイズは 128×128px です。正方形でない画像や、これより大きい画像もアップロードできますが、 Slack 側で縮小・切り取りが行われます。自動処理に任せると、意図しない位置で切れたり、 縮小のアルゴリズムのせいで線がぼやけたりします。あらかじめ自分で 128×128px の正方形に整えておくのが確実です。

そして重要なのは、実際に表示されるのは 128px ではないということです。 メッセージ本文の中に混ざる絵文字は 22px 前後、リアクションのバッジは 16〜20px 程度、 絵文字だけを 1 個送ったときの「大きい表示」で 32〜48px です。 128px の作業画面で細かく描き込んでも、実際には 5 分の 1 の大きさで表示されます。 文字を入れるなら 4 文字までが限界で、それ以上は灰色の塊になります。

2. ファイルサイズは 128KB 以下

128KB（131,072 バイト）以下です。128×128px の静止画 PNG なら、 写真のような複雑な絵でもだいたい 30KB 前後に収まるので、まず問題になりません。 問題はアニメーション GIF です。128×128px であっても、フレーム数が多い・色数が多い・ 画面全体が動く、のいずれかに当てはまると簡単に 128KB を超えます。 画面録画から作った GIF が 2MB、3MB になるのはごく普通のことで、そこから 128KB まで落とすには 20 分の 1 以上に圧縮する必要があります。

容量を落とす手は三つしかありません。フレームを間引く、色数を減らす、絵の情報量を減らす（動く範囲を狭くする・余白を増やす）です。 この三つをどの順番でどれだけ効かせるかを手作業で探すのは骨が折れるので、GIF → Slack 絵文字 で自動的に詰めるのが早道です。

3. アニメーションは 50 フレーム以内

アニメーション GIF は 50 フレーム以内が目安です。 30fps の動画から作った GIF は 2 秒で 60 フレームになるので、そのままではまず超えます。 フレームを間引くときに注意したいのは、単純にコマを捨てると再生時間が短くなって早送りのように見えることです。 落としたコマの表示時間を残ったコマに足していけば、コマ数だけ減って再生の長さは変わりません。

また、Slack に限らず GIF の表示時間には下限があり、1 コマ 20ms（0.02 秒）未満を指定すると ブラウザ側で 100ms に丸められることがあります。「ゆっくりにしたいのに速い」「速くしたいのに遅い」というときは、 この丸めが原因のことがあります。

4. 使える形式は PNG・GIF・JPG

PNG・GIF・JPG が使えます。WebP や SVG、動画ファイルは使えません。 透過が必要なら PNG（動くなら GIF）です。JPEG は透過を持てないので、 ダークテーマの人の画面で白い四角として浮きます。 GIF の透過は「透明か不透明か」の 2 段階しかないため、 半透明のぼかしやドロップシャドウを入れると縁がギザギザになります。 動く絵文字では、輪郭をはっきりさせた絵柄のほうがきれいに出ます。

数字のまとめ

数字の出どころについて

Slack の公式ヘルプは現在リダイレクトが繰り返される状態で直接参照できませんでした。 上の数値は、複数の解説記事・開発者ブログ・実際の登録画面の挙動が一致している値を採用しています。 Slack 側の仕様変更で数字が動く可能性があるため、登録画面で弾かれた場合はひとつ小さい値でお試しください。 なお Slack 絵文字メーカー は、 ダウンロードする前にこの四項目を自動で照合して OK / NG を表示します。