手持ちの画像から Slack の絵文字を作る手順
写真やイラストを Slack のカスタム絵文字にするとき、どこを切り抜き、どこまで詰め、何を確認すればよいのかを順番にまとめました。
更新
手持ちの画像を絵文字にするのは、文字絵文字より一手間かかります。 そのぶん「うちのチームにしかない絵文字」ができるので、 リアクションとしての価値は高くなります。順を追って見ていきます。
1. 元になる画像を選ぶ
22px 前後で表示されることを前提に選んでください。目安は次のとおりです。
- 被写体が 1 つ:複数の人や物が写っていると、縮小したときに何も分かりません。
- 輪郭がはっきりしている:背景と被写体の明るさが近いと、縮小後に溶けます。
- 色数が少ない:グラデーションの多い写真より、フラットなイラストのほうが小さくても読めます。
2. 正方形に切り抜く
Slack 絵文字メーカーに画像を置くと、 被写体のある位置を推定して正方形の切り抜きが自動で決まります。 周囲に余白のある画像なら余白を除いた範囲、 画面いっぱいに写っている画像なら中央の正方形が初期値になります。
自動の結果が気に入らなければ、三つのスライダーで直せます。 「切り抜きの大きさ」を小さくすると被写体に寄り、 「よこ位置」「たて位置」で切り抜く場所を動かせます。迷ったら寄りすぎるくらいに寄せるのがコツです。 22px の世界では、引きの構図はまず読めません。
3. 背景を透過して余白を詰める
背景が白や単色なら「単色の背景を透過にする」を有効にしてください。 あわせて「まわりの余白を自動で詰める」を入れると、 透明になった部分を切り落としてから 128px に収め直すので、 被写体が一回り大きく表示されます。
透過が効きすぎて絵に穴が開く場合は、しきい値のスライダーを下げてください。 逆に背景がまだら模様として残る場合は上げます。詳しくは透過にする方法にまとめています。
4. 実寸で確認する
ここがいちばん大事な工程です。プレビューの下に 22px と 48px の実寸が、 ライトとダークの両方の背景で並びます。
- 22px で何か分からない:もっと寄って切り抜き直します。
- ダークで白く浮く:透過を有効にします。
- ダークで真っ黒に沈む:明るい色を足すか、白い縁を付けます。
5. 書き出して登録する
規格チェックが緑になったらダウンロードします。 ファイル名はショートコード欄の文字列になるので、 登録画面での入力を減らしたい場合は先に決めておいてください。
Slack の PC 版で、メッセージ入力欄の絵文字ボタン →「絵文字を追加する」から登録します。 モバイルアプリからは追加できません(詳しくはこちら)。
人が写った画像を使うとき
同僚の顔を絵文字にするのは盛り上がりますが、必ず本人の許可を取ってください。 「面白いから」で作った絵文字が、本人にとっては不快なこともあります。 また、退職した人の絵文字をいつまで残すかも、あらかじめ決めておくと後々もめません。 社外の人が入るチャンネルで使う可能性がある場合は、さらに慎重に判断してください。
よくある失敗と直し方
何が写っているか分からない
引きの構図のままです。「切り抜きの大きさ」を 50% 以下まで下げて、 被写体だけを画面いっぱいに入れてください。 22px では、背景も、周囲の状況も、まったく見えません。
透過したら絵に穴が開いた
しきい値が高すぎます。絵の中にある背景と似た色まで消えている状態です。 白背景の写真で白いシャツや白目が消えるのが典型的な症状です。 スライダーを 30 前後まで下げてください。
ダークモードで真っ黒に沈む
線画やシルエットの絵文字で起きます。 白い縁取りを付けられない画像の場合は、 透過をやめて明るい下地を塗るのが現実的です。 「透過をやめて下地を塗る」を有効にして、クリーム色や白を選んでください。
同じ素材から 4 種類まとめて
社内は Teams、社外のコミュニティは Discord、というように 複数のチャットを使い分けている人は少なくありません。 「全プラットフォーム分を zip で」を押すと、 Slack・Discord 絵文字・Discord スタンプ・Teams の 4 種類を それぞれの規格に収めて一度に書き出します。
とくに Discord のスタンプは 320×320px ぴったりでないとアップロードできないので、 絵文字用に作った 128px のファイルは使えません。 まとめて書き出しておけば、あとから作り直す手間がなくなります。
よくある質問
写真をそのまま絵文字にしても大丈夫ですか?
技術的には問題ありませんが、22px では細部がつぶれます。顔なら顔だけを大きく切り抜く、物なら輪郭がはっきりしたものを選ぶ、といった工夫が要ります。
人物の写真を絵文字にするときの注意は?
本人の許可を取ってください。社内チャットでも、勝手に同僚の顔を絵文字にするのはトラブルのもとです。退職後の扱いも決めておくと安心です。
横長の画像はどうなりますか?
正方形に切り抜かれます。当ツールは被写体のある場所を推定して切り抜き位置を決めますが、スライダーで自由に動かせます。
画質が落ちますか?
128px まで縮小するので、細部の情報は必ず失われます。ただし容量が 128KB 以内に収まる限り、圧縮による劣化は起きません(可逆の PNG で書き出します)。
同じ画像から Discord 用も作れますか?
作れます。「全プラットフォーム分を zip で」を押すと、Slack・Discord 絵文字・Discord スタンプ・Teams の 4 種類をまとめて書き出します。
