Discord の絵文字が透過されない原因

「透過 PNG を作ったのに、Discord に登録したら白い四角が付いている」。 原因はいくつかありますが、どれも確認の手順は同じです。まず書き出したファイル自体が本当に透過しているかを確かめるところから始めます。

まず確認：ファイル自体は透過しているか

書き出した PNG をブラウザのウィンドウにドラッグして開いてみてください。背景が市松模様（グレーの格子）に見えれば透過されています。 白く見えるなら、その時点で透過されていません。Discord の問題ではありません。

当サイトのツールのプレビューも市松模様の上に絵を置いています。 ここで四角い白が見えていたら、透過の設定を見直してください。

原因 1: JPEG のまま書き出している

JPEG は仕組みとして透過を持てません。 拡張子を .png に変えても中身は JPEG のままです。 スマートフォンで撮った写真、スクリーンショットの一部、 LINE などで受け取った画像は JPEG のことが多いので注意してください。

背景が単色（白など）であれば、その色を透明に置き換えれば透過にできます。Discord 絵文字メーカーの 「単色の背景を透過にする」がこれにあたります。

原因 2: 背景レイヤーが残っている

画像編集ソフトで作った場合、 いちばん下に白い「背景」レイヤーが残ったまま書き出していることがあります。 レイヤーを非表示にするか削除してから書き出してください。 Photoshop なら「背景」レイヤーをダブルクリックして通常レイヤーに変換し、削除します。

原因 3: 透過の縁に色が残っている

背景を透明にしたはずなのに、絵の輪郭に白いふちが薄く残ることがあります。 これは、元の画像で背景と絵の境目にぼかし（アンチエイリアス）がかかっているためです。 背景色と絵の色が混ざった中間色のピクセルが、 「背景色そのもの」ではないので消し残されます。

当ツールの「どこまで近い色を消すか」のスライダーを上げると消えますが、 上げすぎると絵の中の似た色まで消えます。 50 前後から少しずつ調整してください。 当ツールはしきい値の少し外側を半透明に落とすので、 縁のギザギザは目立ちにくくなっています。

原因 4: GIF の透過の限界

動く絵文字（GIF）の透過は、完全に透明か完全に不透明かの 2 段階だけです。 半透明という状態がありません。 そのため、ぼかしのある縁やドロップシャドウは、 「透明」と「不透明」のどちらかに丸められて、境目がギザギザになります。

対策は、輪郭をはっきりさせた絵柄にすることです。 細い線や淡いグラデーションは、GIF の透過とは相性がよくありません。 静止画でよければ PNG を使えば、なめらかな半透明が使えます。

テーマによる見え方の違い

Discord にはダーク・ライト・システム同期の 3 つのテーマがあります。 透過した絵文字は、見る人のテーマの背景をそのまま拾います。黒い線だけの絵文字は、ダークテーマでほぼ見えません。当サイトのプレビューは明るい背景と暗い背景を並べて表示するので、 両方で読めるかを書き出す前に確認できます。

確かめる順番

透過がうまくいかないときは、次の順番で切り分けると早く原因にたどり着けます。

1. 書き出したファイルをブラウザで開く。 市松模様が見えれば透過されています。白ければ、Discord の問題ではありません。
2. 形式を確かめる。JPEG なら透過は持てません。PNG で書き出し直します。
3. 編集ソフトの背景レイヤーを確かめる。 いちばん下に白いレイヤーが残っていないか見てください。
4. しきい値を調整する。 縁に色が残る場合は「どこまで近い色を消すか」を少し上げます。 絵に穴が開く場合は下げます。

透過しないほうがいい場合もある

写真をそのまま絵文字にする場合、背景を抜くと 何の写真か分からなくなることがあります。 その場合は無理に透過せず、丸く切り抜くか、 そのままの四角で使うほうが伝わります。

また、白い線や淡い色だけで描かれた絵文字は、 透過するとライトテーマの画面でほとんど見えません。 Discord はダークテーマが既定ですが、 ライトテーマを使っている人もいます。Discord 絵文字メーカーのプレビューは 明るい背景と暗い背景を並べて表示するので、 両方で確認してから決めてください。