Square FaceIcon Generator
目次

Discordのアイコンがぼやけるのはなぜ? 原因と直し方

Discordのアイコンがアップロード後にぼやける主な原因は、小さい元画像、なめらかな拡大、圧縮の3つ。ドット絵アイコンも含めて直し方をまとめました。

Discordのアイコンがぼやけるときは、ほぼ必ず、Discordが表示する前に画像を拡大したか、圧縮し直したかのどちらかです。直すには、Discordが縮小するだけで済むファイルを渡します。Discordのアイコンに合ったサイズで、エッジがくっきり残る形式にしておくことです。

よくある原因にはそれぞれ直し方があります。ドット絵のアイコンは、写真とは違う方法で拡大する必要があります。

Discordのアイコンがぼやける? まずはリサイズのしくみから

Discordはアップロードされたファイルを保管し、いろいろなサイズのコピーを表示に使います。developer documentation(開発者向けドキュメント)によると、アバター画像は16〜4096ピクセルの2のべき乗ならどのサイズでも取り出せます。アプリは場所ごとにサイズを選びます。チャットの小さい丸、プロフィールカードの大きめの丸、メンバー一覧などです。

必要なコピーがアップロードした画像より小さければ、Discordは縮小するだけなので、くっきりしたままです。大きければ、画像を引き伸ばすしかありません。引き伸ばすと、もともとなかったピクセルを作り出すことになり、ふつうのやり方では隣どうしの色が混ぜられます。この混ざった色が、ぼやけとして見えるのです。

ですから、Discordが描くいちばん大きい丸よりも大きい正方形のファイルをアップロードしましょう。Discordが公表しているサイズとファイル形式はDiscordのアイコンサイズにまとめています。

原因1:元の画像が小さすぎる

Discordのアイコンがぼやける理由で、いちばん多いのがこれです。スクリーンショットから切り抜いた画像、サムネイルから保存した画像、小さいサイズで書き出した画像は、プロフィールカードに必要なピクセルが足りず、引き伸ばされてしまいます。

直し方: 手に入るいちばん大きいサイズの画像から始めます。自分で作ったアイコンなら、小さいファイルをあとから拡大するのではなく、大きいサイズで書き出し直してください。すでにぼやけている画像をくっきりに戻すことはできないので、元の画像に戻るか、アイコンを作り直します。

原因2:大きい画像から切り抜いた

集合写真や横長のスクリーンショットから顔を切り抜くと、元の画像が大きく見えても、切り抜いた正方形は200ピクセルほどしかないことがあります。Discordの切り抜きツールでズームしても同じことが起きます。

直し方: 先に画像編集アプリで切り抜き、できた画像のピクセル数を確かめてから、正方形のファイルをアップロードします。そうすれば、Discordのズームのスライダーは最初の位置のままで構いません。

原因3:圧縮とファイル形式

JPEGは容量を減らすために細かい部分を捨てる形式で、保存し直すたびに少しずつ劣化します。とくに傷みやすいのは、文字のふち、線画、ベタ塗りのイラストです。アニメーションGIFは1コマあたり256色までなので、グラデーションがまだらになります。

直し方: イラストのアイコン、ロゴなど、ベタ塗りとくっきりした線でできた画像はPNGにします。LINEなどのチャットアプリで何度もやりとりして保存し直したものではなく、元のファイルを使ってください。

ドット絵アイコンがDiscordでぼやける理由

ドット絵には、ドット絵ならではの落とし穴があります。ドット絵のツールで作ったアイコンは、ふつう小さいサイズで保存されます。絵の1マスがファイルの1ピクセルだからです。たとえば当サイトの猫アイコンメーカーは48×48ピクセルのPNGで保存します。これほど小さいファイルをDiscordが引き伸ばすと、写真なら問題にならないなめらかな補間のせいで、くっきりしたマスがすべてにじんでしまいます。

なめらかに拡大したドット絵の猫アイコン。ふちがぼやけているなめらかに拡大
整数倍で拡大したドット絵の猫アイコン。ドットのふちがくっきりしている4倍・ハードエッジ
同じ48ピクセルの猫を192ピクセルで表示しました。左:多くのアプリが拡大するときと同じ、なめらかな引き伸ばし。右:1ピクセルを4×4のブロックにそのままコピー。

直すには、アップロードする前に自分でドット絵を拡大します。ルールは2つです。

  1. ニアレストネイバーで拡大する。 画像編集アプリでは「ニアレストネイバー」「ハードエッジ」「補間なし」などと呼ばれています。色を混ぜずに、1ピクセルを大きいブロックにそのままコピーする方法です。
  2. 整数倍で拡大する。 4倍、8倍、10倍のように拡大し、2.5倍のような倍率は使いません。整数倍なら、元の1ピクセルがすべて同じ大きさのブロックになります。

48ピクセルのアイコンを10倍にすると、480×480になります。ここからはDiscordは縮小するだけです。大きいドット絵を縮小したほうが、小さいドット絵を引き伸ばすよりずっとくっきり見えます。

半端な倍率で拡大したドット絵の猫アイコン。ピクセルの幅がそろっていない2.75倍
ちょうど3倍に拡大したドット絵の猫アイコン。ピクセルの幅がそろっている3倍
ハードエッジでも、倍率が半端だとこうなります。2.75倍では、2ブロック分の幅になるピクセルと3ブロック分になるピクセルが混ざり、線がガタガタします。

スマホだとDiscordのアイコンがぼやけるのはなぜ?

スマホの画面は、同じ面積により多くのピクセルを詰めています。そのため、チャットの小さい丸でも、パソコンより大きいアイコンのコピーが必要です。アップロードした画像がそのコピーより小さいと、スマホでだけ引き伸ばされ、パソコンでは同じ画像がきれいに見えます。元のファイルを大きくすれば、どちらも直ります。

Discordのアイコンをぼやけないようにするには?

  1. スクリーンショットやダウンロードしたコピーではなく、元のファイルを探します。
  2. ドット絵なら、ニアレストネイバーで整数倍に拡大します。
  3. 丸く切り抜かれても欠けないよう、顔を真ん中に置いて正方形にします。
  4. PNGで保存します。
  5. Discordのプロフィール設定で、ズームせずにアップロードします。そのあとチャットとプロフィールカードの両方で確かめます。

くっきりしているのに小さいサイズだと見づらい場合は、ファイルではなくデザインの問題です。直し方はいいアイコンの条件で紹介しています。

よくある質問

Discord Nitroに入るとアイコンがくっきりする?

Nitroで増えるのは、動くアイコンやプロフィールのカスタマイズといった機能です。静止画のアイコンのくっきりさは、アップロードするファイルで決まります。元の画像が小さければ、Nitroがあってもなくてもぼやけて見えます。

Discordのアイコンにいちばん向いているファイル形式は?

イラスト、ドット絵、ロゴならPNGです。エッジがくっきりしたまま、色も正確に残ります。写真ならJPEGでも構いませんが、高画質で、保存は1回だけにしてください。

Discordが縮小するだけで済むファイルを

Discordのアイコンがぼやける問題のほとんどは、小さいファイルをDiscordに引き伸ばさせていることが原因です。大きくて正方形のPNGをアップロードし、ドット絵は先にハードエッジで整数倍に拡大しておきましょう。スクエアアイコンメーカーなら、正方形のアイコンを四角と丸の切り抜き、小さいサイズで確かめてからアップロードできます。ドット絵をそもそもどのくらいの大きさで描くかはドット絵キャラのサイズで説明しています。

関連ツール

スクエアアイコンメーカー

四角い顔を作って丸型で確認

猫アイコンメーカー

毛色も柄も選べるドット絵の猫

スクエアアイコンメーカーで作る

四角い顔を作って丸型で確認

スクエアアイコンメーカーを開く →