Discordアイコンのリサイズ
Discordのアバターは円形で表示される正方形のファイルです。すべての画面で鮮明な結果を得るには512×512でエクスポートしてください。プレビューに円形のマスクを重ねて切り抜くことで、アップロードする前にマスクがどの角を削除するか確認できます。
PNG、JPG、WebP、GIFをドロップ
ページのどこにでもドロップできます · ファイルを選択 · 100 MB
対応形式： PNG, JPG, JPEG, WebP, GIF, AVIF
Discordアイコンのリサイズとは
Discordのプロフィール画像は正方形として保存され、円として描画されます。この一文が、アバターで起こるほとんどの問題の原因を説明しています。正方形の四隅は切り取られます（面積の約21%）、そこに配置されていたものはすべて失われます。ロゴの端、頭の上部、右下の署名などが含まれます。
サイズの問題は、多くの人が思うほど簡単です。Discordはメッセージ横の16ピクセルの点からプロフィールカードの大きな円まで、様々なサイズでアバターを描画し、アップロードされたファイルからそれらを生成します。512×512を提供すれば、表示されない解像度のためのバイトを無駄にすることなく、すべてのサイズに適した素材を Discordに提供できます。
このページでは、円形のマスクを重ねて正方形に切り抜き、承認した構図がDiscordが表示する構図になるようにします。処理はすべてブラウザ内で行われます—プロフィール画像はあなた自身の写真であることが多いため、これは明確に述べる価値があります。
Discordが指定しないサイズの正方形切り抜きが必要な場合は、画像切り抜きツール入力した任意の長方形を受け入れます。
写真が直接携帯電話から来た場合、撮影場所の情報が含まれている可能性があります—まずメタデータを削除してください。
アバターが実際に表示される場所
同じファイルが非常に異なるサイズで描画され、あるサイズではうまくいくデザインが別のサイズでは失敗することがあります。
| 表示場所 | 描画サイズ | 表示される内容 |
|---|---|---|
| メッセージリスト | 約40 px | 1つの形状、1色—それ以外はなし |
| メンバーリスト | 約32 px | シルエットのみ |
| プロフィールカード | 最大120 px | 顔、単純なマーク、大きな文字 |
| アップロードサイズ | 512 × 512 | 上記すべてのソース |
正方形ではなく円に合わせてデザインする
マスクは正方形に内接する円なので、四隅は完全に削除され、辺の中点付近のピクセルが最後に残ります。被写体を中央に配置し、余白を残してください：正方形にぴったりと切り抜かれた顔は、マスクが適用されると耳と頭の上部を失います。
上のプレビューは、切り抜き位置を調整している間にマスクを表示します。被写体を移動するには、焦点グリッドを使用し、別のツールで再切り抜きして推測する必要はありません。
- 四隅は常に削除されます—ロゴ、日付、透かしをそこに配置しないでください。
- 顔やマークの周りに約10%の余白を残し、マスクが切り取る部分を確保してください。
- シルエットをテストします：32ピクセルではアバターは形状と色で、それ以上のものではありません。
なぜ512×512ではなく、より大きなサイズではないのか
Discordはアップロードされたファイルからすべての表示サイズを導出し、その中で最大のものも通常の使用では512ピクセルをはるかに下回ります。2048ピクセルのアバターを提供しても、40ピクセルのバージョンが鮮明になるわけではなく、アップロードが重くなり、再エンコーダがより多くを破棄することになります。
512は高密度ディスプレイを含むすべての表示サイズを comfortably 上回り、ファイルを小さく保ちます。ソースが512より小さい場合、ツールはそれを silently に拡大するのではなく、その旨を通知します—200ピクセルの画像を512にアップスケールすることは何も新たに作り出さず、すべてをぼやけさせます。
アバターにPNGまたはJPEGを使用する
アバターにフラットな色、鮮明な輪郭、Discordの暗い背景に対して保持したい透明度がある場合はPNGを使用してください。写真の場合はJPEGを使用し、同じ視品質ではるかに小さくできます。フラットなアートワークのJPEGは避けてください：硬いエッジのリングは、暗い背景に対する小さな円で最も目立ちます。
よくある質問
Discordのプロフィール画像はどのサイズにすべきですか？
512×512ピクセルが実用的な答えです。Discordはアップロードされたファイルからすべての表示サイズを生成し、その中で最大のものも高密度スクリーンでも512をはるかに下回るため、それ以上のサイズはどこでも見られる鮮明さを追加することなくファイルサイズが増加します。
なぜDiscordは私の写真の四隅を切り取りますか？
四隅を切り取るのではなく、表示しないだけです：アバターは正方形として保存され、円形のマスク内で描画され、四隅の面積の約21%が削除されます。マスクはここではプレビューに重ねて表示されているので、損失が既に表示された状態で被写体を配置できます。
Discordのアバターに透明な背景を持たせることができますか？
はい、JPEGではなくPNGまたはWebPでエクスポートすれば可能です。透明な領域は周囲のインターフェースの色を表示し、それはライトテーマとダークテーマで異なります—ダークモードで鮮明に見えるダークロゴがライトモードでは完全に消えてしまう可能性があるため、両方を確認する価値があります。
このサイトに写真をアップロードして切り抜きますか？
いいえ。切り抜きとエクスポートはブラウザ内で行われ、このサイトにはファイルを受信するアップロードエンドポイントもありません（コードが試そうとも）。あなた自身の写真である場合、それは小さな違いではなく、Networkパネルで確認できるものです。
なぜ私のアバターは大きいときは問題なく、小さいときは読めないのですか？
メッセージリストの40ピクセルの円にはシルエットと支配的な色があり、それ以上のものがないからです。詳細、細い線、文字はすべて消えます。まず小さいサイズ向けにデザインしてください—1つの強い形状と高いコントラスト—大きい方は自然と問題ありません。
アニメーションアバターをアップロードできますか？
アニメーションアバターにはGIFが必要であり、歴史的にはNitroの機能です。このツールは静止画を生成し、それは無料アカウントで設定できるもので、ほとんどの人が望むものです。それでも、アニメーションを構築するための正確な正方形のフレームを提供します。