noteの見出し画像のサイズが分からない。サムネはどう作ればいいのか。本文の画像は。スマホだとどう見えるのか。作るのに時間がかかる。
先に言う。noteの見出し画像は、綺麗さでなく、何の記事かがスマホの一覧で1秒で分かるかで決まる。推奨サイズと比率、本文の画像、スマホでの見え方、サムネで読まれ方が変わる理由、無料で作る方法、失敗する画像を書く。
先に一文で。noteの見出し画像は横長でnote側の推奨の比率に合わせ（仕様は最新のヘルプで確認）、本文の画像は幅を揃え、スマホの一覧で小さく表示されても何の記事かが分かる大きな文字と1つの型で作り、無料のツールでテンプレートを1つ作って使い回し、文字が小さい・何の記事か分からない・毎回違う画像を避けるのが正解だ。
この記事の要点
- 比率はnoteの推奨に合わせる。仕様は変わる
- スマホの一覧で1秒で分かるか
- テンプレートを1つ作って使い回す
- 綺麗さより、文字の大きさと型の統一
見出し画像の推奨サイズと比率
| 項目 | 中身 |
|---|---|
| 形 | 横長 |
| 比率 | note側が推奨する比率に合わせる。合わないと一覧で切れる |
| サイズ | 大きすぎる画像は縮小される。推奨の範囲で |
| 仕様 | note側で変わる。最新のヘルプで確認 |
本文の画像のサイズ
- 幅を揃える（記事の中で画像の幅がばらつくと読みにくい）
- 大きすぎる画像は縮小される。読み込みも遅くなる
- 図解や表は、スマホで文字が読める大きさに
スマホでの見え方
noteの一覧では、見出し画像は小さく表示される。文字が小さいと潰れて読めない。作った画像を、スマホの一覧の大きさで確認する。
サムネで読まれ方が変わる理由
| 一覧で目に入るもの | 役割 |
|---|---|
| サムネ | 何の記事かを1秒で伝える |
| タイトル | 何の話かを伝える |
サムネで分かれば開かれ、分からなければ流れる。タイトルの付け方はnoteのタイトルと見出しの付け方、読まれない理由の全体はnoteが読まれない理由へ。
無料で作る方法
- 無料のデザインツールで、背景の色と文字の位置を決めたテンプレートを1つ作る
- 記事ごとに、文字だけ変える
- スマホの一覧の大きさで確認する
毎回ゼロから作らない。1つの型を守ると、誰の記事かが分かる。
失敗する画像
| 失敗 | 何が起きるか |
|---|---|
| 文字が小さい | スマホの一覧で読めない |
| 何の記事か分からない | 綺麗でも開かれない |
| 毎回違う | 誰の記事か分からない |
| 写真だけ | 何の話か伝わらない |
アクセスの全体はnoteのアクセスが増えない理由、段階順の入口はnoteで稼ぐ完全ガイドへ。
よくある質問
見出し画像は必須？
必須ではないが、一覧で目に入る唯一の画像なので、あるほうが開かれる。
有料の画像素材は要る？
要らない。背景の色と文字だけの型で十分。写真より文字のほうが何の記事か伝わる。
画像を変えたら読まれるようになる？
タイトルと中身が同じなら、画像で変わる幅は限られる。画像は開かれる入口で、読まれるかは中身。
