ブログのヘッダーをオリジナルなものに設定しよう!作り方や画像サイズをチェック!
<景品表示法に基づく表記>本サイトのコンテンツには、商品プロモーションが含まれている場合があります。
ブログのヘッダーはどんな感じにしていますか?
フリーの素材を持ってきて貼るだけでは、ほかの人のブログと被ってしまうかもしれません。
ブログのヘッダーは「ブログの顔」
ブログのヘッダーをオリジナルなものにするだけで、相手の印象に残りやすくなりますよ。
ブログのヘッダーで印象が残ると、ブログの滞在率が高まりグーグルからの評価が高くなります。
なにも設定していないままだと、離脱の原因にもなるので、なる早で設定しましょう!
この記事では、デザインスキル0でも大丈夫!「人と差別化できるブログのオリジナルヘッダーの作り方」についてご紹介しますね。
- 印象に残るブログのヘッダーはスマホでカンタン作成!
- ブログのヘッダー画像はどのサイズが適切?
- ブログのヘッダーに使えるおしゃれな画像素材サイト
- ブログヘッダーのイラストをプロに依頼するならどこがいい?
印象に残るブログのヘッダーはスマホでカンタン作成!
ブログのヘッダー(画像)を作るなら、パソコンで作るしかない!
そう思っていませんか?
いまは素人でも簡単にスマホでブログのヘッダー(画像編集)がつくることができます。
おすすめの画像編集アプリは2つ!
おすすめの画像編集アプリ2種
Canva-年賀状,名刺,チラシ,ロゴ,ポスター,カード作成
Canva無料posted withアプリーチ
画像が編集できるだけでなく、フリー素材もたくさんあるアプリ。
<Canvaの特徴>
- WEB上で無料で利用できる(一部有料の機能あり)
- テンプレートがたくさんある
- 高画質な写真素材がたくさんある
- 日本語フォントもたくさんある
- スマホでもPCでも利用できる
Phonto 写真文字入れ
youthhr無料posted withアプリーチ
おしゃれな文字入れができるアプリ!
<Phontoの特徴>
- 無料で利用できる
- 400種類以上のフォントを利用でき、日本語のフォントも40種類ある
- 画像のコラージュ、フィルター、スタンプが可能
- スマホアプリなので、すき間時間にさくっと利用できる
では次に、「ブログヘッダーの作り方」の手順を説明していきますね。
オリジナルブログにするためのヘッダーの作り方
【ブログヘッダーの作り方手順】
- フリー画像サイトにアクセスする
- 検索窓にキーワードを入れる
- 画像を探す
- ダウンロードをする
- ダウンロードした画像を画像編集サイトに入れる
- 画像のリサイズ(トリミング)をする
※装飾画像を合成することも可能!
- 画像編集サイトでテキストを追加する
- 文字入れアプリでテキストを追加する
↑やりやすい方を選択
ブログに使える素材サイトを一覧にしています↓
ブログに使える素材サイト一覧!無料でおしゃれな写真イラストを厳選
ブログのヘッダーは何色が理想?
ブログのヘッダーのカラー設定は、ブログのテーマに合わせて選ぶと効果的!
いくつかの色のイメージをまとめてみました。
赤 | 意欲を出させる色 生命・活動の象徴、女性のイメージカラー |
青 | 涼しさや爽やかさ、知性や冷静を感じさせてくれる色 興奮を抑え、冷静にさせる作用あり |
黄色 | 注意を促す警戒色 集中力を高めたり、気分を明るくする |
緑 | 自然界によくみられる色 興奮を沈めたり、集中力を増す効果がある |
白 | 汚れていないという潔白なイメージから、清潔感や純粋なイメージを与える色 |
上記のような色のイメージをブログに合わせて、その色のイメージからオリジナル画像を探せるといいですね。
配色が参考になるサイト
フリー素材でブログヘッダーを作るときの著作権は大丈夫?
ブログのヘッダーを作るために、フリー画像をダウンロードしますよね。
その画像の著作権はどうなっているのでしょうか?
二次加工禁止とは?
著作権を完全に放棄していないものです。利用規約を必ず読みましょう。
フリー素材の中には
- 加工が認められているもの・認められていないもの
- クレジット表記の義務や素材掲載元へのリンク掲載義務などの条件
- 個人利用の使用なら無料だが、商用利用の場合は使用不可、または有料
というものがあるので、気を付けてくださいね。
ブログのヘッダー画像はどのサイズが適切?
ブログのサイトやテーマによって、ヘッダー画像のサイズが異なります。
ライブドアブログのヘッダーサイズは?
テーマによって異なりますが、横幅は940px以上のものが多いです。
現在のテーマでのヘッダー画像サイズの確認は以下の通りです。
- 現在の画像サイズの確認
- 右クリックで背景画像を保存
- 保存画像の確認
- 保存した画像ファイルのサイズを確認
現在と同じサイズで作成すると、簡単にヘッダーをオリジナルなものに変更できます。
はてなブログのヘッダーサイズは?
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が便利!時短でおしゃれなブログを作りたい
ブログヘッダーのイラストをプロに依頼するならどこがいい?
自作でオリジナルヘッダーは作ることは可能です。
でも、フリー素材を利用して作ると、どこか見たことあるようなヘッダーになってしまって、オリジナリティにかけてしまいます。
自分で作るのは、時間も手間もかかってしまうので、プロに頼んで、自分だけのブログヘッダーをつくってもらうのも一つの手段です!
ブログのヘッダーデザイン料金は?
素人、プロのイラストレーターさん(デザイナーさん)でかなり金額は差があります。
また、素材提供の有無でも差があります。
安いと3000円、プロだと10000円程度です。
しかし、何もアイディアがないまま、ブログヘッダー作成をお願いすると、どんなものを作るかというコンサルティングから始めないといけません。
その分プラス3000円~5000円ほど、コンサルティング料がかかります。
ブログ ヘッダー ココナラ
ブログヘッダーをココナラでお願いすることも可能です。
最安は3000円からあります。
安くヘッダーを作りたいなら、ココナラを利用してみてください。
安すぎると、修正回数の制限や画像修正等に追加料金がかかるので、事前に見積りをとってくださいね!