ブログ運営

ブログのヘッダーをオリジナルなものに設定しよう!作り方や画像サイズをチェック!

ブログヘッダー

ブログのヘッダーはどんな感じにしていますか?

フリーの素材を持ってきて貼るだけでは、ほかの人のブログと被ってしまうかもしれません。

ブログのヘッダーは「ブログの顔」

うまこ
うまこ
ブログに入ってきて、1番最初に目に入るところです。

ブログのヘッダーをオリジナルなものにするだけで、相手の印象に残りやすくなりますよ。

ブログのヘッダーで印象が残ると、ブログの滞在率が高まりグーグルからの評価が高くなります。

なにも設定していないままだと、離脱の原因にもなるので、なる早で設定しましょう!

この記事では、デザインスキル0でも大丈夫!「人と差別化できるブログのオリジナルヘッダーの作り方」についてご紹介しますね。

印象に残るブログのヘッダーはスマホでカンタン作成!

ブログヘッダー

ブログのヘッダー(画像)を作るなら、パソコンで作るしかない!

そう思っていませんか?

いまは素人でも簡単にスマホでブログのヘッダー(画像編集)がつくることができます。

うまこ
うまこ
スマホ編集アプリでかんたんに作れちゃう!

おすすめの画像編集アプリは2つ!

おすすめの画像編集アプリ2種

Canva-年賀状,名刺,チラシ,ロゴ,ポスター,カード作成

Canva-年賀状,名刺,チラシ,ロゴ,ポスター,カード作成

Canva無料posted withアプリーチ

画像が編集できるだけでなく、フリー素材もたくさんあるアプリ。

うまこ
うまこ
画像を探しながら編集もできるのがいいね!

<Canvaの特徴>

  • WEB上で無料で利用できる(一部有料の機能あり)
  • テンプレートがたくさんある
  • 高画質な写真素材がたくさんある
  • 日本語フォントもたくさんある
  • スマホでもPCでも利用できる
Phonto 写真文字入れ

Phonto 写真文字入れ

youthhr無料posted withアプリーチ

おしゃれな文字入れができるアプリ!

うまこ
うまこ
画像編集アプリでは有名で、加工もできるよ。

<Phontoの特徴>

  • 無料で利用できる
  • 400種類以上のフォントを利用でき、日本語のフォントも40種類ある
  • 画像のコラージュ、フィルター、スタンプが可能
  • スマホアプリなので、すき間時間にさくっと利用できる

では次に、「ブログヘッダーの作り方」の手順を説明していきますね。

オリジナルブログにするためのヘッダーの作り方

  • STEP01
    素材となる画像を探す
    1. フリー画像サイトにアクセスする
    2. 検索窓にキーワードを入れる
    3. 画像を探す
    4. ダウンロードをする
  • STEP02
    画像を編集する
    1. ダウンロードした画像を画像編集サイトに入れる
    2. 画像のリサイズ(トリミング)をする

    ※装飾画像を合成することも可能!

  • STEP03
    文字入れをする
    • 画像編集サイトでテキストを追加する
    • 文字入れアプリでテキストを追加する

    ↑やりやすい方を選択

うまこ
うまこ
たったこれだけ!オリジナルブログヘッダーの完成です!

ブログに使える素材サイトを一覧にしています↓

ブログに使える素材サイト一覧!無料でおしゃれな写真イラストを厳選

ブログで使える素材サイト一覧
ブログに使える素材サイト一覧!無料でおしゃれな写真イラストを厳選ブログを運営していると画像を使いたいときがありますね。無料で使えて便利な素材サイトを一覧で紹介します。 オリジナル感をだすことが大切な画像。吹き出しやファビコンにも使えるサイトも厳選しています。...

ブログのヘッダーは何色が理想?

ブログのヘッダーのカラー設定は、ブログのテーマに合わせて選ぶと効果的!

いくつかの色のイメージをまとめてみました。

意欲を出させる色
生命・活動の象徴、女性のイメージカラー
涼しさや爽やかさ、知性や冷静を感じさせてくれる色
興奮を抑え、冷静にさせる作用あり
黄色 注意を促す警戒色
集中力を高めたり、気分を明るくする
自然界によくみられる色
興奮を沈めたり、集中力を増す効果がある
汚れていないという潔白なイメージから、清潔感や純粋なイメージを与える色

引用:Handy Web Design

上記のような色のイメージをブログに合わせて、その色のイメージからオリジナル画像を探せるといいですね。

うまこ
うまこ
画像検索するときに、【色×探したいもの】で検索するといいですよ

フリー素材でブログヘッダーを作るときの著作権は大丈夫?

ブログのヘッダーを作るために、フリー画像をダウンロードしますよね。

その画像の著作権はどうなっているのでしょうか?

うまこ
うまこ
フリー素材とはいえ、二次加工禁止のものもあるよ!

二次加工禁止とは?

著作権を完全に放棄していない場合があるので、利用規約を必ず読みましょう。

フリー素材の中には

  • 加工が認められているもの・認められていないもの
  • クレジット表記の義務や素材掲載元へのリンク掲載義務などの条件
  • 個人利用の使用なら無料だが、商用利用の場合は使用不可、または有料

というものがあるので、気を付けてくださいね。

ブログのヘッダー画像はどのサイズが適切?

ブログヘッダー

ブログのサイトやテーマによって、ヘッダー画像のサイズが異なります。

うまこ
うまこ
ブログサイトごとのヘッダーサイズをご紹介しますね。

ライブドアブログのヘッダーサイズは?

テーマによって異なりますが、横幅は940px以上のものが多いです。

現在のテーマでのヘッダー画像サイズの確認は以下の通りです。

  1. 現在の画像サイズの確認
  2. 右クリックで背景画像を保存
  3. 保存画像の確認
  4. 保存した画像ファイルのサイズを確認

現在と同じサイズで作成すると、簡単にヘッダーをオリジナルなものに変更できます。

はてなブログのヘッダーサイズは?

PC用のヘッダーの推奨サイズは1000×200pxです。

スマホ用のヘッダーの推奨サイズは350×200pxです。

これ以外のサイズで作ると、上下左右がトリミングされるので、画像制作の際は注意が必要です。

fc2ブログのヘッダー画像サイズは?

FC2ブログのデフォルトのヘッダーサイズは横幅が800pxになっています。

しかし、800pxの場合、左右が切れてしまうので、1000pxで作成しましょう。

縦幅は任意で設定ができるので、いくつでも大丈夫です

Amebaブログ(アメブロ)のヘッダー画像サイズは?

横幅のサイズは1120pxです。

縦幅のサイズは、いくつでもよいですが、300~400pxが見やすい画像サイズになります。

アメブロで写真サイズを編集する方法~スマホでもパソコンでも出来る

写真サイズアイキャッチ
アメブロで写真サイズを編集する方法~スマホでもパソコンでも出来る最近ますます盛り上がりを見せるアメブロ。意外と知られていない、アメブロの写真サイズ変更方法を解説しています。写真サイズはなぜ変更したほうが良いのか?についても触れています。...

WordPress(ワードプレス)ブログのヘッダー画像サイズは?

テーマによってさまざまです。

さよみみ部屋のブログは有料テーマのJINを使用していますが、JINのブログヘッダーサイズは、横幅が2400pxです。

縦は特に指定はありません。

seasaaブログのヘッダー画像サイズは?

デフォルト画像の横幅は、2カラムの場合960px、3カラムの場合1180pxのことが多いです。

それぞれの横幅に合わせた、画像を用意しましょう。

縦幅はいくつでも設定できます。

jugemブログのヘッダー画像サイズは?

デフォルト画像の横幅は760pxになっています。

縦幅はいくつでも設定できます。

うまこ
うまこ
どのブログも縦幅は、いくつでも設定できるけど、縦幅が長いと、ブログの本編にたどり着くまでにスクロールする必要があるから、離脱につながります!

ブログのヘッダーを変更することは、CSSを触ることになので、ご自身の知識と責任の元行ってください。

ブログのヘッダーに使えるおしゃれな画像素材サイト

ブログのヘッダーは、あなたのブログの顔です。

オリジナリティあるヘッダーを作ってみましょう!

ブログのヘッダー【フリー画像サイト】

photo AC 無料写真素材
イラストAC 無料イラスト素材
ぱくたそ 高画質フリー写真素材
GIRLY DROP おしゃれでガーリーなフリー写真素材
sothei 使える写真ギャラリー
pixabay 高品質フリー画像

photoACとイラストACは会員登録(無料)が必要ですが、共通のアカウントで利用できます。

ブログのヘッダー【canva】

画像編集サイトのcanvaでも、オリジナルのフリー画像がたくさんあります。

ブログヘッダー

 

うまこ
うまこ
有料のものもあるけど、無料のものもたくさんあるから探してみてね!

かわいい・おしゃれなヘッダーの参考ブログ

ブログのヘッダーのいい例になると思うので参考にしてみてくださいね。

さよみみ部屋メンバーのマリエちゃんのブログ、マリエノートです。

さよみみ部屋のブログカラー設定やアイキャッチテンプレート製作をしてもらいました。

うまこ
うまこ
ブログトータルデザインなど、さまざまな製作を受け付けているので、ブログヘッダーやアイキャッチなど困ったことがあったら、聞いてみてね!

着せ替えが豊富で、おしゃれなブログにできるJINについての記事はこちらです↓

JIN
ワードプレステーマはJINが便利!時短でおしゃれなブログを作りたいワードプレスのテーマ、JINってやっぱり便利なの? ワードプレスでブログを作ろうと思った時に、一番最初に悩むのがテーマですよね。 ...

ブログヘッダーのイラストをプロに依頼するならどこがいい?

ヘッダー依頼自作でオリジナルヘッダーは作ることは可能です。

でも、フリー素材を利用して作ると、どこか見たことあるようなヘッダーになってしまって、オリジナリティにかけてしまいます。

自分で作るのは、時間も手間もかかってしまうので、プロに頼んで、自分だけのブログヘッダーをつくってもらうのも一つの手段です!

ブログのヘッダーデザイン料金は?

素人、プロのイラストレーターさん(デザイナーさん)でかなり金額は差があります。

また、素材提供の有無でも差があります。

安いと3000円、プロだと10000円程度です。

しかし、何もアイディアがないまま、ブログヘッダー作成をお願いすると、どんなものを作るかというコンサルティングから始めないといけません。

その分プラス3000円~5000円ほど、コンサルティング料がかかります。

ブログ ヘッダー ココナラ

ブログヘッダーをココナラでお願いすることも可能です。

最安は3000円からあります。

安くヘッダーを作りたいなら、ココナラを利用してみてください。

イラストの依頼や、ココナラの利用方法はこちら

イラストの依頼
イラストの依頼を個人がするならどこがおすすめ?徹底比較イラストの依頼をするならどこがおすすめ?SNSのアイコンをプロに描いてもいたい!そう思ったらココナラかSKIMAで依頼してみましょう。安くてクオリティの高いイラストを描いてもらえますよ。詳しい登録方法や使い方を徹底解説!...

安すぎると、修正回数の制限や画像修正等に追加料金がかかるので、事前に見積りをとってくださいね!

ブログを仕事にするために
必要なマインドやノウハウをLINE公式配信中!

ブログの学校LINE

稼ぐためのマインドや方法も発信しているのでお気軽にご登録ください!

\登録はこちらから/

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA