ブログ運営
PR

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

ブログヘッダー
sayomimi
記事内に商品プロモーションを含む場合があります

<景品表示法に基づく表記>本サイトのコンテンツには、商品プロモーションが含まれている場合があります。

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

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

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

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

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

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

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

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

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

ブログヘッダー

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

そう思っていませんか?

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

さよみみ
さよみみ
スマホ編集アプリでかんたんに作成できるよ。

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

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

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

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

Canva無料posted withアプリーチ

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

さよみみ
さよみみ
画像を探しながら編集もできるのがいいね!

<Canvaの特徴>

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

Phonto 写真文字入れ

youthhr無料posted withアプリーチ

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

さよみみ
さよみみ
画像編集アプリでは有名で、加工もできるよ

<Phontoの特徴>

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

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

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

【ブログヘッダーの作り方手順】

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

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

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

↑やりやすい方を選択

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

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

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

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

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

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

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

引用: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が便利!時短でおしゃれなブログを作りたい

合わせて読みたい
有料テーマJINRのレビュー!ワードプレスを時短でおしゃれに作りたい
有料テーマJINRのレビュー!ワードプレスを時短でおしゃれに作りたい

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

ヘッダー依頼

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

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

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

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

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

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

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

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

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

ブログ ヘッダー ココナラ

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

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

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

イラストの依頼や、ココナラの利用方法

合わせて読みたい
イラストの依頼を個人がするならどこがおすすめ?徹底比較
イラストの依頼を個人がするならどこがおすすめ?徹底比較

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

ブログを仕事に
するLINE講座

ブログ×SNSの始め方を
公式LINE限定で無料配信中

登録者限定で、「今すぐできる1万円の稼ぎ方」を全員に無料プレゼントしています。

ABOUT ME
さよみみ
さよみみ
ブログ×SNS
総受講者数1100名超の「ブログの学校」オーナー Twitterフォロワー1万人 Instagramフォロワー4万人 ブログ×SNSで月10万を目指す人を全力応援
記事URLをコピーしました