デカ絵文字（分割）
1 枚の絵を格子状に切り分けて、並べると大きな絵になる絵文字を作ります。2×2 から 8×8 まで対応し、各タイルは 128×128px・128KB 以下に自動で収めます。zip とあわせて、貼り付け用のショートコードも作ります。
ここに画像を置く
正方形に近い画像が向いています
:emoji-1-1::emoji-1-2::emoji-1-3: :emoji-2-1::emoji-2-2::emoji-2-3: :emoji-3-1::emoji-3-2::emoji-3-3:
画像はサーバーに送信しません。変換はすべてこのブラウザの中で行われます。
アプリ別の上限早見表
| アプリ | サイズ | 容量 | フレーム | 形式 | 個数 |
|---|---|---|---|---|---|
| Slack 絵文字 | 128×128px | 128KB 以下 | 50 枚以内 | PNG / GIF / JPG | 上限の公開値なし |
| Discord 絵文字 | 128×128px | 256KB 以下 | 公開仕様なし | PNG / GIF / JPG | 無料 50 個 |
| Discord スタンプ | 320×320px ぴったり | 512KB 以下 | 公開仕様なし | PNG / APNG / GIF | 無料 5 枚 |
| Teams 絵文字 | 128×128px | 256KB 未満 | 公開仕様なし | PNG / GIF / JPG | 5,000 個 / テナント |
Teams の 256KB 未満・5,000 個は Microsoft の公式ドキュメントの値です。Slack と Discord は公式ヘルプが参照できないため、 複数の解説の一致する値を採用しています。実際の登録画面で弾かれた場合は、ひとつ小さい値でお試しください。
デカ絵文字の仕組み
Slack や Discord の絵文字は、文中で 22px 前後にしか表示されません。 しかし絵文字を横に並べれば、その分だけ横幅が伸びます。 1 枚の絵を n×n に切り分けて別々の絵文字として登録し、 並べて貼れば、元の絵が復元されるというのがデカ絵文字です。
3×3 なら 9 個、4×4 なら 16 個の絵文字が必要になります。タイルの数だけ登録の手間がかかるので、 はじめは 3×3 で試すのがおすすめです。
このツールの使い方
- 画像を置きます。中央の正方形が自動で切り出されます。
- 分割数を選びます。プレビューがそのまま組み上がりの見た目です。
- ショートコードを決めます。ファイル名は
名前-行-列.pngの形になるので、 貼り付ける順番を間違えません。 - 「zip でダウンロード」を押すと、タイルの画像と貼り付け用テキストがまとめて入った zip が保存されます。
貼り付け用テキストは、こんな形で自動的に作られます。
: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:先に絵文字を登録してからこのテキストを貼ってください。 登録前に貼ると、ただの文字列として表示されます。
GIF も分割できます
アニメーション GIF を置くと、各タイルがそれぞれ動く GIF になります。 ただし タイル 1 枚ずつが 128KB 以下である必要があるため、 9 個や 16 個すべてを収めるには、元の GIF が短く単純である必要があります。 自動でフレームを間引いて収めますが、 カクカクになりすぎる場合は静止画で試してください。
向いている画像
- 正方形に近い：横長・縦長は中央だけが使われます。先に切り抜いておくと確実です。
- 線がはっきりしている：1 タイルあたり 128px しかないので、細部はつぶれます。
- 色数が少ない：ロゴやイラストが向きます。写真は継ぎ目が目立ちます。
よくある失敗
タイルのあいだに隙間ができる
Slack は絵文字の周囲にわずかな余白を入れます。 完全に継ぎ目のない 1 枚絵にはできません。 絵柄の外周に少し余裕を持たせたデザインにすると、隙間が気になりにくくなります。
モバイルで折り返されて崩れる
横幅の狭い画面では、1 行が途中で折り返されて絵がずれます。 3×3 程度に抑えると崩れにくくなります。 重要な連絡と一緒に貼るのは避けたほうが無難です。
絵文字の枠を使い切る
Discord は無料サーバーで絵文字が 50 個までです。 16 個のデカ絵文字を 3 つ作ると、それだけで枠がいっぱいになります。 Slack には明確な上限はありませんが、 数が増えるとサジェストが探しづらくなるので、命名規則を決めておいてください。
まとめて登録する
9 個や 16 個を 1 つずつ登録するのは大変です。 Slack のカスタム絵文字を追加する API は Enterprise Grid 限定のため、 一般のワークスペースではブラウザ拡張を使うのが現実的です。 Chrome 拡張の Neutral Face Emoji Tools は、 複数ファイルをまとめてアップロードする機能を Slack の管理画面に追加します。 このツールが出力するファイル名は、そのまま絵文字名として使える形にしてあります。
権利に気をつける
他人のイラストやキャラクターを分割して社内に配るのは、 私的利用の範囲を超えます。自作の絵か、利用条件が明確な素材を使ってください。 社外の人が入るチャンネルで使う場合はとくに注意が必要です。
作ったあとの運用
デカ絵文字は、使う場面が限られます。 歓迎、お祝い、リリース報告など、年に数回しか使わないものが大半です。 そのわりに絵文字の枠を 9 個や 16 個も使うので、 チームで運用するなら「いつ誰が消すか」を決めておくと後々楽になります。
接頭辞を付けておくのもおすすめです。big-cake-1-1 のようにしておけば、 絵文字パネルで big- と打つだけで分割絵文字だけを一覧できますし、 通常の絵文字を探すときに邪魔になりません。
よくある質問
何分割がおすすめですか？
3×3（9 個）か 4×4（16 個）です。5×5 を超えると登録の手間が増え、絵文字の枠も圧迫します。細かい絵柄でなければ 3×3 で十分大きく見えます。
GIF も分割できますか？
できます。各タイルがそれぞれ動く GIF になります。ただしタイル 1 枚ずつが 128KB 以下である必要があるため、元の GIF は短く単純なものにしてください。
ファイル名はどうなりますか？
「名前-行-列.png」の形です。Chrome 拡張でまとめてアップロードすると、この名前がそのまま絵文字名として登録されます。
貼り付けたら隙間ができます。
Slack はメッセージ内の絵文字にわずかな余白を入れるため、完全に継ぎ目なく並べることはできません。絵柄の外周に余裕を持たせると気になりにくくなります。
Discord でも使えますか？
使えます。タイルは 128×128px なので Discord の絵文字の規格にも収まります。ただし無料サーバーは絵文字が 50 個までなので、枠にご注意ください。