見出し画像は切り抜かれるよって話

note記事の見出し画像の推奨サイズは、1280 × 670 [px] とされていて、
比率としては約1.91:1です。

その記事ページや、ホームでのタイムラインなどではそのままの比率で表示されます。

しかし。

スマホでnoteを読む時に、個人の記事ページの下に、その人の人気記事や、他の人のおすすめ記事などが表示されますよね。

ここで表示される見出し画像は、真ん中だけ切り抜かれて表示されてしまいます。
(人気記事の部分はパソコンでも同じように切り抜かれます。)

この記事の見出し画像に書いているように、元画像が1280 × 670 [px]の場合、正確ではないですが大体中央600 × 450 [px] あたりが切り抜かれます。

特に文字を入れた画像などは、文章の端の方は見切れがちです。

まあ正直、見出し画像が見切れていることが問題かと言われるとあまり問題ではないんですが。

でも、見出し画像を自分で作る場合は知っておいて損はないかなと思います。
自分は最近ドット絵を描き始めたので、ピクセル単位のサイズ情報は結構活きる場面がありそうです。

そして、AIに作ってもらったであろう見出し画像は、真ん中にババンッと文字やキャラなどを載せるので、切り抜かれてもしっかり役目を果たしているものが多いんですよね。なんだか悔しい。

皆さんも、見出し画像を作る際は真ん中にババンッと重要な要素を置きましょう。

(noteさん、公式HPに書いといてください…)

追記:
すいませんこれ後から気づいたことなんですけど、モバイル環境でも機種や、アプリかブラウザかで変わるかもですね

一応、1280 × 670 pxの中央に 600 × 450 px の枠を置いた透過画像を置いておきます。

ドット絵書く人用