見出し画像

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

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

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

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

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

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

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

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

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


この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
note.user.nickname || note.user.urlname

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

励みになります!
6
東京のウェブ制作会社で、デザインや設計をしながら、組織の改善に取り組んでいます。 株式会社インプレッシブ 取締役 / デザイナー / 石川県金沢市出身 / League of Legends好き

こちらでもピックアップされています

はて報
はて報
  • 37本

情報発信初心者の株式会社インプレッシブのメンバーが、情報発信ができるようになるべく、社内の取り組みを発信するマガジン

コメントを投稿するには、 ログイン または 会員登録 をする必要があります。