noteタイトル画像サイズは？見切れない作り方
noteの記事を作っていると、
「タイトル画像って何pxで作ればいいの？」
「Canvaで作ったら見切れてしまった…」
こんな経験ありませんか？
実はnoteのタイトル画像は、
推奨サイズで作っていても表示場所によって見切れることがあります。
私も最初はよく分からず、
作った画像がスマホで見たら切れていることがありました。
そこで今回は、
・noteタイトル画像のサイズ
・タイトル画像の作り方
・タイトル画像の変更方法
この3つをまとめて解説します。
現在、noteのタイトル画像作りで困っている方は
最後までお読みください＾＾
他にもnoteを伸ばすコツをまとめています。
noteタイトル画像のサイズは？
noteのタイトル画像は、
2:1の比率で作るのがおすすめです。
note公式の推奨サイズ
note公式でも
タイトル画像は 2:1の比率 が推奨されています。
実際に画像をアップロードする画面でも、
推奨サイズ：1280 × 670px と表示されています。
このサイズで作っておくと、
記事ページでもバランスよく表示されます。
ただしここで注意点があります。
noteのタイトル画像は
表示される場所によってトリミングされることがあります。
noteタイトル画像が見切れる理由
例えば、
・リンクカード
・マガジン一覧
・スマホの一覧表示
などでは、
画像の端がカットされることがあります。
そのため、タイトル文字などの重要な要素は
画像の中央付近に配置するのがおすすめです。
noteタイトル画像の作り方（見切れない配置）
noteのタイトル画像は、
いくつかの方法で作ることができます。
noteタイトル画像の具体的な作り方
一番手軽なのは、Canvaなどの画像作成ツールを使う方法です。
カスタムサイズで「1280 × 670px」を指定すれば、
note用の画像を簡単に作ることができます。
Canvaの嬉しいところは、
すでにデザインされたテンプレートがあること。
テンプレートの文字やイラストなどを変えたら
すぐにタイトル画像が作れます＾＾
また、noteの編集画面では
・記事にあう画像を選ぶ
・Adobe Expressで画像を作る
といった機能も用意されています。
ちなみに「記事にあう画像を選ぶ」というのは、
みんなのフォトギャラリーといって
noteクリエイターさんが「使ってもいいよ」と公開してくれている画像です。
デザインが苦手な方は、
こういった機能を使うと簡単にタイトル画像を作ることができます。
見切れないタイトル画像を作る配置のコツ
noteのタイトル画像を作るときは、
文字の配置にも注意が必要です。
noteでは表示場所によって
画像の端がトリミングされることがあります。
そのため、
タイトル文字などの重要な要素は
画像の中央付近に配置するのがおすすめです。
上下や左右の端ギリギリに文字を置くと、
リンクカードやマガジン表示で見切れてしまうことがあります。
コツは2つです。
・文字は中央寄りに配置する
・上下左右に余白を作る
この2つを意識すると、
どの表示でも見やすいタイトル画像になります。
ちなみに、私調べではありますが
目安としてはこのくらいの余白を作ると見切れにくいです。
・上下：およそ 100px程度の余白
・左右：およそ 180px程度の余白
この範囲に収まるように文字を配置すると、
リンクカードやマガジン表示でも見切れにくくなります。
（※実際の表示は環境や表示場所によって多少変わることがあります）
noteタイトル画像の変更方法
noteのタイトル画像は、
記事公開後でも変更することができます。
変更方法はとても簡単です。
①記事の「編集」を開く
②すでにアップされているタイトル画像を消す
③新しい画像をアップロードする
これでタイトル画像を変更することができます。
「やっぱりこの画像にしたい」
「文字を少し直したい」
という場合でも、後から変更できるので安心です。
まとめ｜noteタイトル画像はサイズや配置がポイント
noteタイトル画像は
・サイズは 1280×670px（2:1）
・文字は中央寄りに配置
・上下左右に余白を作る
この3つを意識すると、
どの表示でも見やすいタイトル画像になります。
これからnoteを書く方は、
タイトル画像のサイズや配置もぜひ意識してみてください＾＾
他にもnoteを伸ばすコツをまとめています。
参考になったと思っていただけましたら
フォロー・いいねをお願いします＾＾
