note記事ヘッダーのまめ知識

noteクリエイターの皆さん、こんにちは。oathkiteです。noteの記事を読んでもらうために大切な記事ヘッダーについて、マメ知識的な情報を共有したいと思います。

※ この記事は2018年12月16日時点のnoteの仕様に基づいています。

結論から言いますと、noteのヘッダー画像は上記のように、中央の正方形のエリアに、重要な情報を配置する事をお勧めします。理由は後述します。

noteの記事ヘッダーのサイズは、原則として1280px × 670pxで作成します。このヘッダー画像が、一覧ページや記事ページの最上部、twitterでリンクされた際のogimageなどで表示される仕様となっています。

このヘッダー画像、実は注意をしなくてはいけない点がある事をこ存知でしょうか?

画像を見てわかるように、スマートフォンの一覧画面などで、正方形で表示される場合があるのです。

正方形表示の場合、長方形の画像の左右がトリミングされる形で表示されるため、見切れてしまわないように、中央の正方形エリアに重要な要素を配置するように注意すると、サムネイルの品質が少し向上するでしょう。

以上、記事ヘッダー画像の豆知識でした。ここまでお読みいただきありがとうございました。もしよければ、スキしてもらえると嬉しいです。


この記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。

note.user.nickname || note.user.urlname

モチベーションアップに使わせていただきます。

読んでいただきありがとうございます!
5

oathkite

はて報

情報発信初心者の株式会社インプレッシブのメンバーが、情報発信ができるようになるべく、社内の取り組みを発信するマガジン
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。