Slack の絵文字を分割して大きく表示する（デカ絵文字）

Slack の絵文字は 22px 前後でしか表示されません。しかし、絵文字を格子状に並べれば、その分だけ大きな絵になります。 これがいわゆるデカ絵文字（分割絵文字・モザイク絵文字）です。 歓迎メッセージやお祝いの投稿で使われることが多く、うまく作ると場が盛り上がります。

仕組み

1 枚の画像を n×n のタイルに切り分け、それぞれを別々のカスタム絵文字として登録します。 投稿するときは、1 行目のタイルを左から順に並べ、改行して 2 行目…と続けます。 Slack は絵文字を横に詰めて表示するので、結果として元の絵が復元されます。

3×3 なら 9 個、4×4 なら 16 個の絵文字が必要です。タイルの数だけ登録の手間がかかるので、最初は 3×3 で試すのがおすすめです。

向いている画像・向いていない画像

向いているのは、正方形に近く、線がはっきりしていて、色数が少ない画像です。 ロゴ、イラスト、太い文字などが該当します。

向いていないのは写真です。分割すると継ぎ目が目立ち、 1 タイルあたり 128px しかないため細部がつぶれます。 また、横長・縦長の画像は、正方形のタイルに切ると余白が入るか、 縦横比を無視して引き伸ばすことになります。 先に 画像を切り抜く で正方形に整えておくと仕上がりが良くなります。

作り方

デカ絵文字（分割）に画像を置き、分割数を選ぶだけです。 出力は zip で、中には name-1-1.png のように行と列が付いたファイルが入っています。 あわせて、投稿用のテキストも表示されます。

:cake-1-1::cake-1-2::cake-1-3:
:cake-2-1::cake-2-2::cake-2-3:
:cake-3-1::cake-3-2::cake-3-3:

これをコピーして Slack に貼り付ければ、絵が組み上がります。 先に絵文字を登録しておかないと、ただの文字列として表示されるので順番に注意してください。

まとめて登録する

9 個や 16 個を 1 つずつ登録するのは骨が折れます。 Slack のカスタム絵文字を作成する API は Enterprise Grid の管理者向けにしか公開されていないため、 一般のワークスペースではブラウザ拡張を使うのが現実的です。Neutral Face Emoji Tools という Chrome 拡張は、 Slack のカスタム絵文字ページに「複数ファイルをまとめてアップロード」の機能を足してくれます。 詳しくは 絵文字をまとめて登録する方法 にまとめました。

気をつけること

• 絵文字の枠を使い切る：1 枚の絵で 16 個の枠を使います。 チーム内で使う絵文字が増えすぎると探しづらくなるので、命名規則を決めておいてください。
• 隙間はゼロにできない：Slack は絵文字の間にわずかな余白を入れます。 継ぎ目のない 1 枚絵にはなりません。絵柄の外周に余裕を持たせると気になりにくくなります。
• モバイルでは崩れることがある：横幅が狭い画面では途中で折り返されて、 絵がずれて表示されることがあります。3×3 程度に抑えると崩れにくくなります。
• 権利に注意：他人のイラストやキャラクターを分割して社内で配るのは、 私的利用の範囲を超えます。自作か、利用条件が明確な素材を使ってください。

名前の付け方を先に決める

分割絵文字は、名前の付け方でその後の扱いやすさが決まります。 当ツールは 名前-行-列 の形で自動的にファイル名を付けますが、 「名前」の部分は自分で決められます。

おすすめは、用途が分かる短い英単語にすることです。cake、congrats、thanks のように、 何の絵かがひと目で分かる名前だと、後から探すときに困りません。 逆に img1 のような名前を付けると、 9 個や 16 個の絵文字が名前だけでは判別できなくなります。

チームで複数のデカ絵文字を運用するなら、big-cake-1-1 のように接頭辞を付けておくと、 絵文字パネルで big- と打つだけで一覧できます。 分割絵文字は単体では意味をなさないので、 通常の絵文字と混ざらないようにしておくと、探すときのストレスが減ります。