便利ツールFBページのカバー画像サイズと本気で向き合ってみる画像を加工したり、レイアウトしたりするのは好きなんですね文字入れしたり、文字装飾したり、バランス考えたり。思って調べるんですねで、いろんな情報が、錯綜していて???ってなってで、色々、試行錯誤しながら、なんとか作って、安心しているとFBの仕様が変わっていたりする(笑)カバー写真内部に、ページのアイコン的画像が来るので、それを考慮して作ったのに、そうじゃない画像表記に変更になったり。FBページカバー写真作成方法を記録していきたいと思います^^FBページ、カバー画像のサイズについて今回の目的は、PCでFBページを開いた場合と、スマホで開いたときにカバー写真が良い感じで見えるこれを目標に、進めて行きます。ここが、FBページのカバーが画像の少しめんどくさいところですがPCで見る場合と、スマホで見る場合の、最適な画像の大きさが異なるのですもう少し、丁寧に言うと、どちらかに合わせると、どちらかの画像がトリミング(カット)された感じで表示されるので、バランスが悪くなったりすることが有るのです。PCとスマホの利用割合ネットを見るとき、PCを使うか、スマホを使うか?これ、自分で考えると、圧倒的にスマホですよね。寄り道ですが、実際のところ、みなさんのPCと、スマホの利用状況をこんな感じで、グーグル先生に聞いてみました。結果、こちらのサイトに統計が有りますが10~50代「スマホしか使わない」は46%「スマホとPC」併用者を上回る。LINEは、スマートフォンなどのインターネットの利用環境に関する調査を10~50代の男女759名に対して行った。調査結果は以下の通り。...こんな感じだそうで、スマホしか使わない方々が、約半数。両方使う方も合わせると、85%の方々が、スマホでネットを見ているので今回は、スマホ表示をメインに、話を進めて行きたいと思います。画像のサイズに関して結論から先に言いますと、現在のベストサイズとしては820×461(ピクセル)推奨で行きたいと思います。理由はこれで作ると、スマホでそのままのサイズで表示されること。PCでも、幅がそのままの幅で表示され、上下のマージンさえ考慮すれば、使いやすい。実際、どうなるか、やっていきましょう。今回、まず、820×461(ピクセル)で作ったのが、こちらの画像。これを、FBページにあてはめて行きますとスマホの場合こんな感じですね。全体が綺麗に入る感じです。PCの場合こんな感じですねこれ失敗なのですが^^;右のインテリアのサイズとか、文字の位置を考慮しないとこんな感じに、上下で見切れる感じになってしまいます^^;なので、改善点としてPC配置を意識して、文字位置を決める同じく、右のインテリアのサイズも考えてみる。この2点を意識して作ってみます。そのまま適用されます。149ピクセル分を考慮する必要があります。今回の場合ですと画像の位置は、FB上の設定でいじれるのでこの様に、下のエリアに(もしくは上に)必要な情報を集めるかこんな感じに、センター付近に、必要な情報を入れる事で、調整していきます。今回は、下よせで作り直します。作り直してこんな感じですね。文字と、写真の”具”の部分を下に持ってきました。これを、FBページのカバー画像にアップロードします。PCの場合こんな感じですね、なんか、綺麗におさまりました^^スマホの場合これも、こんな感じですね^^今回、実は、元画像が、花を置いてある、テーブルの下限で撮影されていたので、下よせを行う事になりました。スマホで見る場合を考慮して、820×461(ピクセル)で画像を準備する。312ピクセル内に、必要な情報を集める。上記を考慮して、元画像は、センターに寄せつつ、感性型をイメージした、画像を準備する。Gardenさんです。https://www.facebook.com/aromablissgardenebisu/完成型が、こちらのFBページで、使われる事になると思いますのでご参考にしてください^^PROFILERyu外資系の社長を卒業して(廃校になったとも言う)独立。プロデューサーという役割を軸に、コンサルとか、コーチング、カウンセリングをしながら、イベントを企画したり、セミナーを主催したり、面白い人のプロデュースをしている。基本、めんどくさい事が苦手なのですが、めんどくさい事を防ぐためには、細かい事に全力でこだわる。準備編WPサイト運営2019.01.10新しい投稿エディターGutenbergの画面を、従来のエディター画面に変更する方法。便利ツール2018.11.15動画で自分を表現しよう。youtubeチャンネルの作り方。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。東京でのイベントのご案内をメールでお送りします。大阪でのイベントのご案内をメールでお送りします。準備編2019.05.15.新しい投稿エディターGutenbergの画面を、従来のエディター画面に変更する方法。2019.01.10.Youtubeチャンネルの共同管理者の設定の仕方2018.11.15.動画で自分を表現しよう。youtubeチャンネルの作り方。