バナー画像はほとんどの人が気づく以上に多くの場所に表示され、各コンテキストには独自の寸法要件があります。ウェブサイトヘッダーバナーはTwitterカバー画像と同じサイズではなく、それはLinkedInバナーやYouTubeチャンネルアート画像と同じではありません。間違ったサイズを使用すると、バナーが予期せぬ場所でクロップされたり、側面に空白を残したり、構築されていないコンテナを埋めるために伸ばされたりします。プラットフォームやレイアウトが期待する正確な寸法でバナーを準備することは、それがそこに属しているように見せ、他のものから後付けされたように見せない一歩です。

バナー用に画像をリサイズする方法

対応するフィールドに特定のバナーコンテキストの幅と高さの寸法を入力します。バナー寸法はプラットフォームとユースケースによって大幅に異なります。ウェブサイトヘッダーの場合、幅は通常サイトレイアウトの幅に一致し、高さはテーマによって異なります。ソーシャルメディアカバー画像の場合、各プラットフォームに独自の指定寸法があります。元の画像がすでにターゲット比率に近い場合、アスペクト比を維持チェックボックスをオンにしたままにするときれいにスケーリングされます。形状が異なる場合はオフにして正確な寸法を強制します。

異なるプラットフォーム用の複数のバナーサイズを一度にアップロードし、完了したらすべてをZIPとしてダウンロードします。

一般的なバナーサイズ参考

Twitterヘッダー: 1500x500ピクセル。LinkedIn個人カバー: 1584x396ピクセル。LinkedIn企業カバー: 1128x191ピクセル。YouTubeチャンネルアート: 2560x1440ピクセル。Facebookカバー: デスクトップで820x312ピクセル。ウェブサイトヒーローバナー: 1920x600ピクセルはテーマによって異なりますが一般的な開始点です。メールヘッダーバナー: 600x200ピクセルは一般的なメールテンプレートの幅です。リーダーボード広告バナー: 728x90ピクセル。ハーフページ: 300x600ピクセル。

バナー画像の出力形式

JPEGは写真バナーコンテンツの標準選択です。ウェブサイトヘッダー、メールキャンペーン、ソーシャルメディアプロフィール読み込みで高速読み込みのためのファイルサイズを管理しやすく保ちます。PNGはテキストオーバーレイ、ブランドロゴ、平坦色背景、グラフィックデザイン要素のあるバナーで、フルバナー幅でのクリーンなエッジレンダリングが重要な場合に適しています。WEBPは画像読み込み速度がページパフォーマンススコアに直接影響するウェブサイトヘッダーバナーで使用する価値があります。