金川豊WEBWEBと対人対面の両輪で売上げアップの仕組みを創るWEB集客とはプロフィールメニュー料金クライアント様の声お問い合わせPCとスマートフォン両方に対応したFacebookのカバー画像の作り方SNS2015.08.03今回は、Facebookのカバー画像の作り方についてのハウツーについて書きます。エクスマ(エクスペリエンス・マーケティング)を集中的に学ぶ、沖縄エクスマ塾の同期塾生のランド島袋一恵さから、ランドが運営しているブログのヘッダー(看板)画像の制作を依頼されました。こんなふうに仲間に頼られるのは、うれしいですよね。このことは以前の記事で書いたのでよければどうぞ。お気に入りの名刺とブログのヘッダーを共通のコンセプトで作る↓制作したブログヘッダー画像はこちら。沖縄らしくて良いですよね。温もりたっぷりの販促というコンセプトで沖縄の地でバリバリと販売促進のサポートをがんばってはるんですよ。ブログと同じコンセプトでFacebookのカバー画像を作るブログのヘッダー画像が出来たので、ついでと言ってはなんですが、Facebookのカバー画像も作っちゃおうということに。ブログ用はすでにデザインが出来てるので、ちょっと手を入れるだけで、簡単にできるだろうと思ったんです。そんなに難しくは無いんだけど、色々と注意点があるのが分かったのは後のこと。カバー画像についてのでFacebookのアナウンスFacebookがこんな案内ページを用意してくれています。Facebookページのプロフィール写真やカバー写真のサイズはどのくらいですか。これは分かりやすいです。画像のサイズはこの指示にしたがって用意すればいいですね。プロフィール写真や、名前が表示される場所をしっかり認識することも大切ですね。注意が必要なのは、これはパソコンのモニターで表示する場合についての寸法なんですね。スマートフォンで表示する場合には、不都合が起こります。風景写真とかだと、とくだん問題はないのかなと思いますが、デザイン的にイラストを入れたり、ロゴやテキストを入れる場合には、注意が必要です。ないと、意図しないところで切れちゃって不細工なことになってしまいます。ボクのブログだと、スマートフォンで見に来てくれる人の割合は、だいたい6割ほど。パソコンより、スマホを先に考える時代なんですよね。パソコンとスマートフォン両方に対応したカバー画像を作る↓結論から先に書いちゃうとこんな感じ。黄色の破線で囲っている、部分がスマートフォンで表示される部分です。黄色の破線の外側は見切れることになります。縦315px」ですね。「px」とかは結構マニアックな話なので、このへんは何となくな感じで受け止めてください。↓そしてこの画像を適用して、パソコンのモニターで見るとこのように表示されます。黄色の破線で囲っている、プロフィール画像と、名前が表示されるスペースに注意が必要です。この部分になにかデザインしても、重なっちゃうので、そうならないようしないといけませんね。↓スマートフォンでの表示です。プロフィール画像と、名前が表示されるスペースに注意が必要です。同じ画像を使って、パソコンとスマートフォンの二通りの条件をクリアさせないといけないので、それなりに気を使いますよ。今回は、ランドのキャラクターや世界観、コンセプトを表現するために、ロゴやテキスト、小窓のデザイン画像などを使ってデザインしたので、いろいろと工夫が必要でした。逆に風景画像を入れたりとかだと、見切れ困るとかは考えなくて良いので、ぜんぜん簡単ですよね。↓例えばボクのFacebookのカバー画像の表示例です。工夫しろよ(笑)今日はここまで。みなさんの参考になるとうれしいです。ナイスパッション!Facebook経由でお問い合わせFacebookでお問い合わせOKです。Facebookのほうが早く返信できることが多いです。メールフォームでのお問い合わせ24時間以内にこちらからご連絡いたします。WEBディレクターの金川です。忙しい中にあっても充実しつつ、良いお客さんたちと接しつつ、充実した楽しい一日だなあと思ってたのに、終業間際...SNSネットの先であっても断片的な情報からその人の人柄が透けて見える。どんなに取り繕っても本当の姿は隠せない。ネットオークションの事例から。7月13日・14日の日程で開催された壁下陽一塾長主宰のマックスブログ塾inガタニイにオブザーバーの立場で参加させていただきました。昨日アップした記事では、WordPress~ワードプレスを自分で立ち上げて、運用開始をがっつりサポートするセミナー(ワークショップ)の案内をしました。