
noteクリエイターページ「ヘッダー画像」の作り方
こんにちは、haRu*☽です。
今日はnoteのクリエイターページにある、ヘッダー画像をcanvaで作りました。
今までは、noteを始めたばかりの頃に選んでアップロードしていた普通の画像でしたが、今回は文字を入れてヘッダー画像らしくしてみました。
noterのみなさまは今さらな内容だと思いますが、今回の作成の流れを自分自身の備忘録兼ねて記事にしておきたいと思います。
まず、ヘッダー画像のサイズは「1280×670px」で設定しました。
そこに、氣に入った画像を乗せて(今回は淡いピンク色のバラの画像を使いました)、中央に文字を入れました。

ヘッダー用の画像です
この画像だけをみると「文字が中央だけに寄っている感じ」がすると思うのですが、実際にこの画像をnoteのクリエイターページに入れてみると、このように表示されます↓ ↓ ↓

クリエイターページを開いたときにちょうどよく見えるように、文字位置を調整しながら作成しました。
中央部分の216pxの幅が表示されるので、その範囲外の文字はクリエイトページのヘッダーには反映されないので注意。。
「では、なぜわざわざ670pxの幅で作る必要があったの??」と思ったわたしですが、X(旧Twitter)などにシェアするときには、画像全体が表示されるとのこと。
シェアしたときにどうなるかの確認はやっていないのですが、noteさんが推奨するサイズで作成してあるので、これで問題ないかと^^
「1280×670px」のサイズは、投稿記事の見出し画像のサイズとも同じなので、この記事の見出し画像にもそのまま使ってみました。
今回、noteのヘッダー画像を作ったのと同時に、ホームページのトップ画像、他のブログのヘッダー画像も、ほぼ同じデザインで作成して統一感をもたせました。
ヘッダー画像って一番最初に目に飛び込んでくるものなので、今後はnoteでもここの画像は大切にしてゆきたいと思いました。
今のわたしのエネルギーに合っているのは、この雰囲気。。
でも、またヘッダー画像を変える時が来ると思います。
その時は、きっと自分自身のエネルギーに変化があった時、かな^^
自分の心地いい画像で、自分だけの場所(noteならクリエイターページ)を創ってゆく作業はほんとうに楽しい!
世界観をビジュアルで表現することは、わたしの「楽しい!」のかなり上位に入っている感じがします。
ほかの方のクリエイターページを訪ねると、それぞれの方の世界観がそこには現れていますよね。
個々の世界観が表現された皆さんのページを訪ねることも、ますます楽しくなりそうです。
haRu*☽