note

noteのテキストのヘッダーの画像サイズ調べてみた!

noteの画像サイズ

note楽しーー!

毎日書いたり、描いたり、撮ったり、読んだり、聴いたり、観たり、スキ押したり、忙しく楽しい(●´ω`●)

そうそう、noteでノートを作ってるときにテキストのヘッダー画像とか、マガジンの表紙画像とかサイズ感がちょっとクセがあるから調べてみたよ。

noteのテキストのヘッダー画像サイズ

ブログのアイキャッチ画像と同じように、noteのテキストには「ヘッダー画像」を設定することをおすすめします。

noteの画像サイズ

さっそく調べてみました。

ナチュラルは1280×531pxになってる

noteの画像サイズ

余裕を持ちたい場合は、1280×531pxで作っておくと良さそうです。

noteの画像サイズ

「max-width: 820px」(横幅820px以下)というのもありますが、勝手に縮小してくれるので作るのは1280×531pxでOKだと思います。

実際の最大表示サイズは620×257px

noteの画像サイズ

実際の最大表示サイズは620×257pxで、そこからはレスポンシブで見ている人の画面サイズに合わせて縮小されていきます。

1280×531pxが無難かもだけど、620×257pxで作るのでも全然大丈夫そうです(^ω^)

ヘッダー画像の設定方法

PCの場合

ヘッダー画像の設定

PCの場合は投稿方法の「テキスト」から「タイトル」の上に「表紙画像を挿入」ボタンがあるので、そこからアップすればOKです。

スマホの場合

ヘッダー画像の設定

スマホの場合も、画像ボタンが出てきているのでそこをタップするとカメラロールが出てきてヘッダー画像を選択できます♪

私のnoteはこちら♪

ABOUT ME
akane
フリーランスWebデザイナー・ブロガー・ママ。兵庫県在住。 ライフスタイル・シンプルでゆるい暮らしを目指し中。