Discordプロフィールバナーのサイズ
Discordのプロフィールバナーは680×240ピクセル、17:6のレターボックスです。円形のアバターが左下隅に重なり、ユーザー名がその横に表示されるため、おおよそ左下3分の1が隠れます。ここでは、その重なり部分を考慮して切り抜くことができ、両方の形状をプレビュー上に表示します。
PNG、JPG、WebP、GIFをドロップ
ページのどこにでもドロップできます · ファイルを選択 · 100 MB
対応形式： PNG, JPG, JPEG, WebP, GIF, AVIF
Discordプロフィールバナーのサイズとは
サイズ設定は簡単な部分です。680×240というサイズは多くの場所で明記されており、どのリサイズツールでも対応できます。バナーが意図的に見えるか、偶然のように見えるかを決めるのは、Discordがその上に描くものです—そして、それはどこにも有用に記述されていません。
あなたのプロフィール画像は、バナーの左下隅に重なる円としてレンダリングされ、おおよそバナー幅の22%に相当し、下端を越えて広がります。そのすぐ右には、表示名、ユーザー名、バッジが表示されます。これらの要素は合わせて680×240フレームの左下3分の1を覆い、そこに配置されたものは読むことができません。
このページでは17:6のフレームを保持し、切り抜き位置を調整する際に円と名前のブロックを重ねて表示し、Discordが求める正確な680×240でエクスポートします。重なりが設計上の制約であり、作業中にそれを見ることがポイントです。
このバナーと重なるアバターは、独自のフレームと円形のマスクを持っています—Discord PFPリサイズツールその処理はそちらで行います。
エクスポートしたファイルが予想より大きい場合、画像圧縮ツールが指定したサイズに圧縮します。
重要なサイズ
そのうち2つはDiscordが定めたサイズで、1つはそれらの結果として生じるものです。3つ目は人が間違いやすい部分です。
| プロパティ | 値 | 重要な理由 |
|---|---|---|
| 表示サイズ | 680 × 240 | Discordがレンダリングするスロットです。このサイズかそのきれいな倍数でアップロードしてください |
| アスペクト比 | 17:6 | それ以外の比率は、警告なく中央から切り抜かれます |
| アバターの重なり | 左下、円形 | おおよそ幅の5分の1と高さの半分を覆います |
| 安全な領域 | 右上2/3 | 完全に表示されることが確実な唯一の領域です |
重なりを意識したデザイン
直感的には左下を空けたくなりますが、これはアバターが表示されない場合—検索結果、プレビューカード、スクリーンショットで—にバナーが不均衡に見える原因になります。より良いアプローチは、単一の焦点を持たない背景です：グラデーション、テクスチャ、繰り返しパターン、被写体を右上に配置した写真などです。
バナーにロゴやハンドルを表示する必要がある場合は、右上に配置し、680ピクセル幅で読めるようにサイズを調整してください。バナーは小さいです。2000ピクセルのデザインファイルで快適に読めるテキストは、実際の表示サイズでは読めないことがよくあります。
680×240より大きな画像をアップロードする
同じ17:6比率の大きなソース画像は問題なく、むしろ良いことがあります：1360×480や2040×720にすると、高解像度画面ではDiscordがクリーンなピクセルからダウンスケールでき、680ピクセルの画像をブラウザで拡大するよりも結果が鮮明になります。
異なる比率で非常に大きなファイルをアップロードし、切り抜きがうまくいくと期待するだけでは助かりません。切り抜きは中央で自動的に行われます。自分で選ぶには、ここで1クリックかかります。
- 680 × 240――表示される正確なサイズ。最小のファイルサイズです。
- 1360 × 480――2倍の解像度、Retina画面で明らかに鮮明です。
- 2040 × 720――3倍の解像度。詳細なアートワークの場合にのみ価値があります。
どの形式でエクスポートすべきか
習慣ではなく、アートワークの内容に基づいて選択してください。単色、文字、鮮明なエッジはPNGで鮮鋭さを保ち、JPEGではハローが目立つようになります。写真や絵画の場合は、このサイズでは見た目の差がないままJPEGにすると、PNGの数分の1のサイズになります。WebPは両方に優れており、Discordでも受け入れられています。ファイルを他の場面で再利用する可能性がある場合は、PNGまたはJPEGのコピーを保持してください。
よくある質問
Discordのプロフィールバナーのどのくらいがアバターに覆われますか？
円形のアバターはバナー幅の約5分の1に相当し、左下隅に重なり、下端を越えて広がります。ユーザー名のブロックが隣にあるため、読む必要のあるものは左下3分の1を使用できません。上のプレビューは両方の形状を実際の比率で表示しています。
680×240より大きなバナーをアップロードすべきですか？
はい、17:6の比率を維持する場合。1360×480はクリーンにダウンスケールされ、680ピクセルのファイルをブラウザで拡大するよりも高解像度ディスプレイで鮮明に見えます。重要なのは絶対サイズではなく比率です—間違った形状の大きな画像は、小さいものと同じように厳しく切り抜かれます。
なぜ私のテキストがバナーでぼやけて見えますか？
通常、大きなデザインファイルでサイズが設定され、680ピクセル幅でチェックされなかったためです。2000ピクセルで快適に読めるタイプは、同じ画像がその3分の1以下のサイズで表示されると、読みにくさを下回ることがあります。実際のサイズでエクスポートし、それを見て、そこで読めるまでタイプサイズを増やしてください。
アップロード後にDiscordはバナーを圧縮しますか？
Discordは配信のためにアップロードを再エンコードするため、非常に重いファイルは何も買わず、悪く圧縮されたものは2回目の処理後により悪く見えることがあります。フラットなアートワークにはクリーンなPNG、写真には高品質なJPEGをエクスポートすると、再エンコーダーが最良の素材で作業できます。
同じファイルをサーバーバナーとして使用できますか？
いいえ—サーバーバナーは960×540、16:9で、表示される場所が全く異なります。2つの比率は離れているため、一方をもう一方に再利用すると確実に切り抜かれます。両方が必要な場合は、組み合わせたDiscordバナーページから両方のサイズをエクスポートしてください。
無料アカウントでもバナーのスロットは利用できますか？
プロフィールバナーのカスタマイズは歴史的にNitroの機能であり、無料アカウントが取得できるのはプロフィールから取得された単色です。プラットフォームの権利は変化するため、アプリで確認してください。このページが生成するファイルはどちらの場合にも正しい形状であり、準備しておくのに費用はかかりません。