Discordサーバーバナー（960×540）

サーバーバナーの文脈

3つのアセットは、すべてがサーバーの設定に存在するため混同されやすいです。これらはサイズと形状が異なります。

サーバー名が表示される部分

名前はバナーの横ではなく上に描画され、下部にわたるストライプを占め、読みやすさのために背後にソフトなグラデーションがあります。そこにテキストやロゴを配置すると、名前と競合して見劣りします。

プレビューの破線の矩形は、確実にクリアな領域を示しています。画像の重要な部分をその内部に構成し、下部のストライプを背景として扱ってください。

なぜ予想以上に柔らかく見えるのか

960ピクセルはアセットの幅ではなく、描画された幅ではありません。デスクトップでは、バナーはサーバーのチャネル列の幅で表示され、これははるかに狭く、高解像度画面ではその列は1CSSピクセルあたり2デバイスピクセルで描画されます。結果として、画像は縮小された後に部分的に拡大されます。

実際の対策として、構成をシンプルに保つことです。広い形状、強いコントラスト、単一の焦点はこの処理に耐えますが、詳細なシーンや小さな文字は耐えません。アートワークが詳細な場合は、1920×1080でエクスポートしてDiscordに縮小させるという合理的な代替手段があります。比率は同じなので、何も切り抜かれません。

ファイル形式と容量

写真や絵画のアートワークにはJPEGを使用します。このサイズではPNGより数倍小さく、視覚的な違いはありません。単色、簡単にバンドが発生するグラデーション、または文字を含むものにはPNGを使用します。WebPは受け入れられ、両方より小さくなりますが、JPEGコピーがより安全なアーカイブです。

アニメーションサーバーバナーは、高いブーストレベルで利用でき、GIFが必要です。このツールは静止フレームをフォーマットします。アニメーション用の正確な寸法を提供します。