【noteの画像サイズまとめ】オリジナルのnoteを創って楽しもう！

まじめさん｜Webライター

2021年6月29日 21:11

noteを続けていくと
「自分で画像作ってみたいな～」
そんな風に思うとき、ありませんか？

それで、検索してみるのですが
後でまた作ろうとした時に
「どれがどのサイズだっけ？」
「どの記事に書いてたっけ？」
ってなってしまうんですよね。
（わたしだけでしょうかｗ）

なので、わかりやすく
noteで使用する画像の
各サイズをまとめておきます✨

こういった、メモ的な記事は
非公開のマガジンを作って
まとめておくと便利です♪

画像作成には
Canvaというサイトを使っています。
結構簡単に、無料で作れるのでおすすめです。

記事の最後には
参考までに、私が作った
固定で使用している画像を載せています✨

✔noteのヘッダーサイズ(マガジンも同様)

・クリエイタートップページ
・マガジン

の、ヘッダーサイズは1280×670pxです！

注意点はヘッダー画像は
トップページもマガジンも
1280×670pxまるごと
表示されるわけではありません。

中央部分の縦幅216pxが表示されるので
文字などを入れるときは
目安にしてくださいね☺

きれいな画質で表示をするなら
画像サイズは1920×1006pxで
作っても使用できます。

その場合、
中央の縦幅324pxが表示されます！

よくわからない！という方は
画像のサイズさえ合っていれば
あとはだいたいの感覚で
中央に表示したいものを
持ってくるときちんと見えます◎(笑)

✔記事の見出し画像サイズ

記事の見出し画像のサイズは
1280×670pxです！

ヘッダーと同じサイズですが
これは1280×670px
サイズそのまま表示されます。

✔つぶやきの画像サイズ

特に決まりはありません。
私は最初、よくわからなかったので
好きなように作りました。(笑)

1280×670pxで作れば、
画像の比率はそのままで
サムネイルで表示される時は
自動でいい感じの大きさに
調整してくれます◎

✔サークルの画像サイズ

サークルの画像サイズは
1280×670pxです。

こちらも、そのままのサイズで
表示がされます。

よりきれいに表示する場合は
1920×1006pxで作るとよいですね♪

ヘッダーのように、
中央部分だけ表示される
ということはありません。
全体表示になります◎

✔サークルのプランの画像(会員証)

サークルを設立すると
プランを設定できます。

それぞれのプランに、
小さい見出し画像みたいなものを
選ぶことができて、公式では
「会員証」と呼ばれています。

こちらの画像も
1280×670pxのサイズでOKです！

✔まとめ

🌸 トップページとマガジンのヘッダーは
     1280×670で、表示されるのは中央の216px
🌸 キレイに表示する場合は1920×1006pxで
     表示されるのは中央の縦幅324px
🌸 よくわからない時はサイズだけ合わせて
     中央に表示したいものを置く
🌸 記事の見出しは1280×670px
     サイズ表示はそのまま
🌸 つぶやき画像は特に決まりはない
🌸 サークル画像は1280×670px
     サイズ表示はそのまま
🌸 サークルのプラン画像(会員証)は1280×670px
🌸 画像作成はCanvaというサイトがおすすめ