クリエイターページとマガジンのヘッダー画像サイズが変わります
【6月17日 11:45更新】
クリエイターページとマガジンの画像サイズを変更しました！
ご自身のページをぜひご覧ください。
画像の推奨サイズについては ヘルプページ にまとまっています。
クリエイターのみなさんの作品がより目に留まりやすくなるように、noteのクリエイターページとマガジンのヘッダー画像サイズの高さが変更になります。
※ 変更は 6月17日 を予定しています
画像作成用のテンプレートや、表示サンプル（後述）をご紹介しますので、ぜひ新しい規格での画像を準備してみてください！
変更内容
クリエイターページ・マガジンのヘッダー部分に表示される画像サイズの縦幅が狭くなります。
● 基本サイズ
・1,280 × 670 px（記事の見出し画像と同じ比率）
→ 中央部分の 216px がクリエイターページ・マガジンで表示されます
● 推奨サイズ
・1,920 × 1006 px
→ 中央部分の 324px がクリエイターページ・マガジンで表示されます。
登録する画像の推奨比率は 1.91:1 です。
記事見出し画像を含めた推奨サイズについては、以下ヘルプページに記載しています。
ヘッダー画像は、大きいディスプレイだと引き伸ばされて表示されるため、綺麗に表示させたいかたは、より大きい画像を使ってみましょう。
中央部分をトリミングして、クリエイターページ・マガジンで表示します。
テキストや見せたい要素は、中央部分に入れるのがおすすめです。なお、すでに画像を登録いただいている場合も、このサイズに自動でトリミングされます。
ヘッダー画像よりも大きいサイズを登録する理由は、TwitterやFacebookにシェアされたときに、各SNSで最適な表示がされるためです。
noteの記事見出し画像サイズでもある、1280 × 670 px で登録することで、シェアしたときも大きく目立つ形で画像を表示できます。
noteは、「作品やクリエイターを世の中に届ける」こともサポートします。SNSでのシェアはそのための大きい力だと考え、このような仕様にしました。
変更の背景
今回の変更は、クリエイターのみなさんにお手間をお掛けすることでもあります。そこで、変更の背景もご説明します。
現状のヘッダー画像は、パソコンの大きいディスプレイで見ると、画面を占領してしまうというデメリットがありました。せっかく作品の更新があってもおさまりきらず、気づきづらい状態です。
そのため、主役である作品が目が入りやすいよう、新しい画像サイズに切り替えることにしました。
画像の高さをおさえることで、大きいディスプレイでも、作品の表示領域を守ります。
ヘッダー画像サンプル
現状登録されている画像のままでも使用できますが、せっかくの画像に意図しないトリミングがされてしまう可能性があります。
そこで、新しいサイズでの画像作成がしやすくなるような、サンプル素材を用意しました。読者がプロフィールを見たときに最初に目にする場所なので、ダウンロードして参考にしてみてくださいね。
ヘッダー画像を設定していなかった方は、これを機に登録してみてください！
また、note株式会社のページは、先行して新しいサイズに変更しています！どんな見え方になるのか、ぜひチェックしてみてください。