パッと見で印象づける。Webサイトのメイン画像（キービジュアル）のコツ【その2】

さぁ、続きだっ！続き！

なんのことですか？

ん？・・・・・・あーはいはい。

1ヶ月も空いてしまいましたからね。テンションはそんなに持続しませんよ。

さぁ！いきますかー！！説明しちゃうぞー！
まず、前回のおさらいです。

（なんだこの変わり身は。。。）

前回、Jimdoには上記のメイン画像を表示する方法を3つ、おすすめのシチュエーションと共にお伝えしました。

そうだったね。

今回は、さらにステップアップしたメイン画像そのものの作成方法をお話しちゃいます！

なるほどね！この方法を使えば、前回あった「思わぬところで画像が切れてしまう。」なんてことは無いね。

そうなんです。しっかりとイメージを表現して、読ませたい文字も画像として表示できる。そうすることで、メイン画像としても説得を増すことができます。

同じ表現を1枚の画像で表現するよりも合理的でもあるね。

見た目と訴求ポイントを分離して、コントロールがしやすくなるということだねー。

ホームページを訪れた方の目を楽しませつつ、伝えるべき情報も表現できるので、この方法はおすすめです。

この「背景」と「ロゴエリア」を使う場面で、気をつけることってある？

「ロゴエリア」に使用する画像は、画像そのものの背景を透過させる必要がありますね。

画像の背景を透過？

ああ、こういうことか。

そうです。意図的に背景を置く場合もありますし、絶対に背景を透過しなければならないという訳ではありませんが、Jimdoの「背景」に使用した画像をスマートに表示したい場合には、画像の背景を透過したものがおすすめです。

画像の背景を透過するには、どうするの？

そこは悩ましいところですが、画像加工・編集ができるソフトがあれば簡単に加工できます。ちなみに背景を透過した画像のファイル形式は、「.png」や「.gif」などがあります。Jimdoではどちらの画像ファイル形式も対応していますよ。

ここまで、Jimdoでのメイン画像の表示方法と、ちょっとしたテクニックを紹介したんですが、がじろうさんに質問です！

お。なに？（急にびっくりしたー。）

メイン画像は、「カッコイイとかキレイに作ってください。」とお客様に依頼されますが、そんなことだけを意識して作成しても良いですか？

残念ながら、それでは集客につなげる部分で考えると正解とは言えないなぁ。

それはどういうことですか？

はい。できました！

様々な理由はあると思いますが、パンが欲しい。食べたい。知りたい。と思って訪れる方が多いでしょうね。

そうだよね？そう考えると、建物がメイン画像だと、味は二の次で雰囲気、シチュエーション重視に思えてしまう。何よりも初めてホームページを訪れた人は「パン屋さん・・・だよね？」と一瞬考えてしまう。

たしかに。

それだけメイン画像の役割は大きいんですね。

無理やりな展開だけど、過去のコラムを紹介してくれたので、許すよ。

それはさておき、メイン画像においてご自身のご商売を表現するために、写真は重要な役割を担います。素材では見つからない、オリジナリティを出したい場合に、自分で撮影されることもオススメしたいです。
はじめてＷＥＢでは、写真撮影に関してとても参考になるコラムもありますので、こちらもお役立てください。

写真は、奥が深いですからねー。

1枚の画像が与える影響は大きいですからねー。