Blueskyバナーのサイズ
Blueskyのプロフィールバナーは、左下にアバターが重なる3000×1000ピクセル、3:1の比率です。この重なりを表示して切り抜きましょう。Xは同じ比率で1500×500なので、一度の切り抜きで両方のプロフィールに対応できます。
PNG、JPG、WebP、GIFをドロップ
ページのどこにでもドロップできます · ファイルを選択 · 100 MB
対応形式： PNG, JPG, JPEG, WebP, GIF, AVIF
Blueskyバナーのサイズとは
Blueskyのプロフィールバナーは、3000×1000ピクセルの3:1のストリップです。比率はXのヘッダーと同じですが、解像度は各方向で2倍大きく、高解像度ディスプレイでは明らかにシャープに表示されます。そのため、X用に作成したファイルをそのまま再利用すると、ぼやけて見えます。
インターフェースの挙動も似ています。円形のアバターがバナーの左下に重なり、表示名とハンドルがその下に配置されます。実際の結果は同じです：ストリップの左下部分は、読み込む必要のあるものを配置する場所ではありません。
比率が一致しているため、実用的なワークフローは「一度の切り抜きと二度のエクスポート」です。ここで一度構図を設定し、Bluesky用の3000ピクセル幅のファイルを保存し、同じフレーミングの1500ピクセル幅のバージョンはXヘッダーページで生成してください。
Xが求めるのは同じ切り抜きで半分のサイズなので、Xヘッダーリサイズツールこのペアを完成させます。
アップロード制限に引っかかってしまった場合、縮小ではなく圧縮――これなら解像度を維持しつつファイルサイズを削減できます。
BlueskyとXを並べて比較
同じ形状、異なるスケール。それが両者の関係のすべてであり、共通の切り抜きが安全な理由です。
| プラットフォーム | バナーサイズ | 比率 | アバター |
|---|---|---|---|
| Bluesky | 3000 × 1000 | 3:1 | 円形、左下 |
| X | 1500 × 500 | 3:1 | 円形、左下 |
| Discordプロフィール | 600 × 240 | 5:2 | 円形、左下 |
なぜ大きなファイルをエクスポートする価値があるのか
3000ピクセルは、電話で数 hundred ピクセル幅で表示されるストリップには十分な大きさですが、それが正に重要な点です：CSSピクセルあたり3デバイスピクセルのディスプレイでは、1500ピクセルのバナーを広いウィンドウに横切って表示させると、アップスケールされています。
大きなファイルを提供するには数百キロバイト余分にかかりますが、ぼやけをなくせます。アップロードがサイズ制限で拒否された場合は、縮小ではなく圧縮してください――画質を下げれば解像度は維持され、バイト数だけが削減されます。解像度こそが高密度ディスプレイに必要なものだからです。
アバターを意識した構成
アバターサークルは左下角に重なり、表示名はバナーの上ではなくその下に配置されます――これにより、Blueskyはモバイルプロフィールカードがストリップの上に重なるXより、少し寛容になります。
それでも、信頼できるエリアは上部と右側です。グラデーション、パターン、または右側に被写体のある風景は、どのレイアウトでも生き残りますが、低めに配置された中央のワードマークは生き残れません。
フォーマットと保持すべきもの
このサイズの写真バナーにはJPEGを使用してください――写真の3000ピクセルPNGは、目に見えるメリットなしに数メガバイトになります。フラットな色や文字にはPNGを使用してください。エクスポートした3000ピクセル幅のファイルをマスタとして保持してください：これはXヘッダーやその他の3:1スロットにダウンスケールでき、二度目の切り抜き決定は不要です。
よくある質問
Blueskyのバナーのサイズは？
3000×1000ピクセル、3:1の比率です。比率はXのヘッダーと共有していますが、解像度は2倍なので、X用に作成したファイルをBlueskyでそのまま再利用するとアップスケールされ、高解像度ディスプレイではぼやけて見えます。
XのヘッダーをBlueskyで使えますか？
形状は合いますが、解像度は合いません：1500×500を3000ピクセルのスロットに引き伸ばすとアップスケールです。より良い方法は、一度3000×1000で切り抜き、同じフレーミングから小さなXバージョンをエクスポートすることです。このページとXヘッダーページが連携してそれを行います。
アバターはBlueskyのバナーの一部を覆いますか？
はい――円形のアバターが左下角に重なり、ストリップの上に描画されます。表示名とハンドルはバナーの上ではなくその下に配置されるため、BlueskyはXより少し寛容ですが、左下部分は依然として読み込む必要のあるものを配置する場所ではありません。
バナーのアップロードがサイズが大きすぎるとして拒否されました。どうすればいいですか？
縮小ではなく圧縮してください。JPEG画質を下げればすべての3000ピクセルを維持しつつバイト数を削減できます。一方、サイズを縮小するとバイト数は維持されますが、元々シャープにするためにエクスポートした解像度が失われます。コンプレッサーはキロバイト単位の目標サイズを受け取ります。
なぜ小さなストリップに3000ピクセルが重要なのですか？
電話や現代的なノートパソコンは、CSSピクセルあたり2〜3デバイスピクセルを描画するからです。800 CSSピクセル幅で描画されるバナーは実際には2400デバイスピクセルであり、1500ピクセルのソースファイルは拡大せずにはその空間を埋めることができません。余分な解像度がそれをシャープに保つのです。
リサイズ中にバナーはどこに送信されますか？
いいえ。デコード、切り抜き、リサイズ、エンコードのすべてのステップはこのブラウザタブ内で行われ、このサイトにはアップロードエンドポイントが一切ありません。エクスポートが実行されている間、ネットワークパネルが空のままになるのを確認できます。