ブログのタイトルバナー作成中!
ブログのタイトルバナー作成中!
ブログの良いところは、
ホームページと違って、手軽に始められることなのですが
ブログのテンプレートを選ぶとき
どうしても気になってしまうのが
ヘッダー画像(タイトルバナー)
ブログサービスは、気軽に始められるけれど
デザインなどは、用意されたものを
使用することになります。
・イメージにあったテンプレートがない
・ブログのテーマに合った画像を使いたい
・自分だけのオリジナリティを出したい
・ヘッダー画像は気に入っているけれど、文字が読みづらい
・人気のテンプレートは、使っている人が多い
など、気になることもありますね。
自分だけのブログを作りたい・・というとき
タイトルバナー(ヘッダー画像)を変えることで
ブログのイメージも大きく変わります。
少しだけ、デザインを自分仕様にしてみませんか?
ホームページと違って、手軽に始められることなのですが
ブログのテンプレートを選ぶとき
どうしても気になってしまうのが
ヘッダー画像(タイトルバナー)
ブログサービスは、気軽に始められるけれど
デザインなどは、用意されたものを
使用することになります。
・イメージにあったテンプレートがない
・ブログのテーマに合った画像を使いたい
・自分だけのオリジナリティを出したい
・ヘッダー画像は気に入っているけれど、文字が読みづらい
・人気のテンプレートは、使っている人が多い
など、気になることもありますね。
自分だけのブログを作りたい・・というとき
タイトルバナー(ヘッダー画像)を変えることで
ブログのイメージも大きく変わります。
少しだけ、デザインを自分仕様にしてみませんか?
ブログやホームページの画像素材のファイル形式
ブログやホームページの画像素材のファイル形式
ブログやホームページの画像素材には
ヘッダー画像(タイトルバナー)やアイコン、ボタン
写真、イラストレーション、壁紙などがありますが
ブログ・ホームページなどのWebサイトで
一般的に多く使用されている画像形式は
JPEG形式 と GIF形式 です。
◆JPEG(ジェイペグ)形式 とは
1677万色の色(フルカラー)を扱うことができるので
写真のように微妙な色合いを表現することができます。
デジタルカメラで撮影した画像は
JPEG形式で保存されています。
イラストレーションでも微妙な色を表現する場合は、
JPEG形式の方が適しています。
※JPEG形式は、透過(切り抜き画像)にすることはできません
◆GIF(ジフ)形式 とは
使える色が、最大256色までなので、ロゴやアイコン、
はっきりした色のイラストレーションや図形に適しています。
透過(切り抜き画像)にしたり
簡単なアニメーションなども作成することができます。
JPEG より、ファイルサイズが 小さくてすみます。
使い分け方としては
・写真はJPEG形式
・ロゴやアイコンはGIF形式
ということになりますが
イラストレーションについては、
使用している色数によって
JPEG かGIF の保存形式を使い分ける
そして、写真画像についても
ファイルサイズを小さくするために
GIF形式 にすることもあります。
ヘッダー画像(タイトルバナー)やアイコン、ボタン
写真、イラストレーション、壁紙などがありますが
ブログ・ホームページなどのWebサイトで
一般的に多く使用されている画像形式は
JPEG形式 と GIF形式 です。
◆JPEG(ジェイペグ)形式 とは
1677万色の色(フルカラー)を扱うことができるので
写真のように微妙な色合いを表現することができます。
デジタルカメラで撮影した画像は
JPEG形式で保存されています。
イラストレーションでも微妙な色を表現する場合は、
JPEG形式の方が適しています。
※JPEG形式は、透過(切り抜き画像)にすることはできません
◆GIF(ジフ)形式 とは
使える色が、最大256色までなので、ロゴやアイコン、
はっきりした色のイラストレーションや図形に適しています。
透過(切り抜き画像)にしたり
簡単なアニメーションなども作成することができます。
JPEG より、ファイルサイズが 小さくてすみます。
使い分け方としては
・写真はJPEG形式
・ロゴやアイコンはGIF形式
ということになりますが
イラストレーションについては、
使用している色数によって
JPEG かGIF の保存形式を使い分ける
そして、写真画像についても
ファイルサイズを小さくするために
GIF形式 にすることもあります。
ヘッダー画像の上手な選び方
ブログのタイトルバナー(ヘッダー画像)にするための写真選びは、
少しコツが必要です。
なぜなら、ブログやホームページのタイトルバナーは
大抵の場合、横に長く、
ヨコ(左右) と タテ(天地)の比率が、
5:1 くらいになるからです。
そして、ヘッダー部分には、
ブログのタイトルや、サイトの説明文が入ります。
ヘッダー画像は、サイトのイメージを左右しながらも
タイトルの背景でもあるのです。
タイトルの文字を読みやすくするためには
なるべくシンプルな画像を選ぶ方が良いかと思います。
メイン以外の背景が同じくらいのトーンで
右または左に
文字を入れられるスペースがあるもの。
何のイメージ画像かが わかる程度に
大胆に部分アップにするのもgoodですよ。
文字の色は、白(または、黄色などの明るい色) か
黒(または、グレーや濃い色)のどちらかになりますので
タイトルバナーを全面写真のものにする場合は
どこに文字を入れられるか・・を考えながら
選んでくださいね。
少しコツが必要です。
なぜなら、ブログやホームページのタイトルバナーは
大抵の場合、横に長く、
ヨコ(左右) と タテ(天地)の比率が、
5:1 くらいになるからです。
そして、ヘッダー部分には、
ブログのタイトルや、サイトの説明文が入ります。
ヘッダー画像は、サイトのイメージを左右しながらも
タイトルの背景でもあるのです。
タイトルの文字を読みやすくするためには
なるべくシンプルな画像を選ぶ方が良いかと思います。
メイン以外の背景が同じくらいのトーンで
右または左に
文字を入れられるスペースがあるもの。
何のイメージ画像かが わかる程度に
大胆に部分アップにするのもgoodですよ。
文字の色は、白(または、黄色などの明るい色) か
黒(または、グレーや濃い色)のどちらかになりますので
タイトルバナーを全面写真のものにする場合は
どこに文字を入れられるか・・を考えながら
選んでくださいね。


