>【2023年】Facebookページの適正カバー画像サイズはこちら!2023-02-02TwitterSharePocketHatenaLINEURLコピーFacebookページとFacebookグループのカバー画像サイズをPCとスマホで検証しましたのでご紹介します。この記事を読めば、サイズだけでなく見るデバイス(機器)で画像が断ち切られてしまうエリアと切られない「安全エリア」もわかります。「Facebookの個人アカウント」のカバー画像は少し異なるので別記事にしています。チェック!Facebookカバー写真サイズ:個人アカウント用【2023年版】Facebookの個人カバー画像の写真サイズの解説。スマホとパソコンではかなり違うので、どちらでも見える「安全エリア」ときれいに見えるファイル形式を紹介。これで文字切れ、顔切れのないカバー写真が作れます。続きを見るFacebookページのカバー画像サイズFacebookページのカバー画像のサイズは、公式のヘルプセンターではこのように記載されています。コンピューターでは幅820ピクセルx高さ312ピクセル、スマートフォンでは幅640ピクセルx高さ360ピクセルの大きさでページに表示されます。元のサイズは少なくとも幅400ピクセルx高さ150ピクセルである必要があります。JPGファイルだと読み込み時間が短くなります。ヘルプセンターhttps://www.facebook.com/help/125379114252045推奨サイズはスマホとPCで比率が異なるのが問題やっかいなのは、公式に書かれているサイズではパソコン(PC)とスマホとではタテヨコ比が違うことです。縦360pxそれはつまり、PCサイズに合わせて作ればスマホでは下が変に空いてしまったり、スマホに合わせればPCでは左右が切れてしまうわけです。キャッチコピーや顔などの大事な要素がブツ切れてしまうことは避けたいですね。高さ315px」を元にし、隠れない「安全エリア」を出しました。文字やキャッチコピーなどデザイン性のある画像を作る場合はお役立ていただけるでしょう。高さ315px」で、Facebookページ用にこの画像を用意しました。Facebookページで切れてしまうエリアと表示されるエリア一番外枠のブルーのラインがPCです。高さ315px」が隠れずに全て表示されます。これにスマホとタブレットで見える画面を重ねるとこのようになります。グレーは隠れてしまうエリア。アイコンが迫り混んで面積を食っているのがわかります。以下の例では切れてしまってます!ここにはロゴやキャッチコピーは置かないようにしましょう。PCでの見え方パソコンは画像がほぼ全てそのまま表示されます。iPhone12での見え方iPhoneではほぼ画像は全体が表示されますがアイコンが大きく面積を取り、このスクリーンショットでは文字が切れています。PRO/Air)での見え方タブレットは最も切り取られるエリアが大きいです。タブレットは少ないから対象にしないと判断する場合は無視しても良いでしょう。上記を整理しますと「断ち切られない安全なエリア」は以下になります。※スクリーンショット上から計っているため数ピクセルの誤差を考慮した「約」という表現にしています。目安の数値としてください。315pxで問題なし「Facebookグループ」の画像サイズはシンプルです。横315px」で作り中央に重要な要素を配置。すれば大きく隠れることはありません。比較的カンタンなものと少しデザインレイアウトが必要な場合の2種類をご紹介します。背景画像を全面に置くパターン(カンタン)細かな配置が難しい場合、このように「どう切られても差し支えない」画像にするのも一つです。以下は「海の朝日の写真」ですが、「全面に模様」のようなものでも良いでしょう。コピー文は入れておいた方が見る者に印象を残せます。安全エリアで断ち切るとこのようになります。安全エリア内にコピー文と太陽がしっかり収まっています。そのほかは海と空ですから見えても隠れても問題ありません。カットされても差し障りのないものを全面に敷き詰めた例です。※左下のアイコンはそれぞれiPadとiPhoneのときのアイコンなので、同時に二つ隠れることはありません。デザインレイアウトができる場合の例(中級以上)人物写真を使い、少しレイアウト調整をする場合の例です。このようにタイトルとコピー文を中央上の「安全エリア」に。顔はギリギリ「安全エリア」に置き、体や頭部はカットされても問題ない位置へ。この写真の元はこんな感じです。安全エリアに合わせて写真を拡大・配置したらこんな風になります。これでも問題ないとも言えますが、PCだと左側が変に空きすぎていますね。これを調整するために元の写真から隠れていた野菜とナベを切り貼りして配置。食材や鍋が見えたことで、料理している感じがでて良くなりましたね。これで安全エリアのみを表示するとこんな感じです。いい感じに表示されているのではないでしょうか。Facebookカバー画像の作成ポイント上記2つの例を踏まえたFacebookカバー画像のまとめです。ポイント写真や画像の中で「何を見せて置きたいか」「隠れても問題ないか」を見極めて作る。断ち切られても問題ない画像を使うのも一つPCで変に「空き」ができるなら断ち切られる部分にも要素を入れておくFacebookカバー画像のにじみを避けるにはPNGでなくJPGがオススメ公式ではPNGが読み込みが早いと推奨されていますが、その分にじみが目立ちます。速さ(=画像劣化)をとるかキレイさを取るのか、ですね。言え、この公式の推奨文言は数年前から変わっていないのです。一方でスマホなどの回線速度や処理能力は当然上がっています。それほど速さを気にするほどではないとも考えらえます。JPG70%』が書き出しができるものであれば、文字のにじみや画像劣化を最小限に抑えることができます。なくてもJPGで書き出すことでキレイさを維持できるでしょう。文字のにじみにこだわりすぎないことFacebookカバー画像は、機器の解像度によって表示幅が変更されるレスポンシブという技術で表示されています。その性質上、文字を100%鮮明にすることはできません。作る側がやれることは「テキストの量は最小限、サイズを大きめにすること」。この方が細かな劣化も気になりにくく訴求力もアップします。まとめ最後にもう一度確認しましょう。Facebookカバー写真の適正サイズは、PC・SP・タブレットでも断ち切られない「安全エリア」と合わせるとこのようになります。縦315px隠れては困る要素は真ん中の(右)上の方に置く文字は少なめに。小さい、細いテキストをなるべく入れない画像はJPGでキレイに入っているとやはり洗練されて見えます。サービスやビジネスの場合はこの辺はきちんと作ることをお勧めします。キャンバなどを使うことである程度のレイアウトはできます。はめ込んでみてください。縦315pxのキャンバスに透過させて(乗算)作ればアタリを取りながら作成することができます。※レイヤーで編集できるソフト(アプリ)が必要です。合わせて読みたいチェック!Facebookカバー写真サイズ:個人アカウント用【2023年版】Facebookの個人カバー画像の写真サイズの解説。スマホとパソコンではかなり違うので、どちらでも見える「安全エリア」ときれいに見えるファイル形式を紹介。これで文字切れ、顔切れのないカバー写真が作れます。続きを見る集客ブログサイト、ワードプレス、ランディングページ、ツール...集客から販売まで、ネットビジネスで必要なスキルや知識を学べるメール講座です。今すぐ受け取るTwitterSharePocketHatenaLINEURLコピー1ランディングページの作り方|ステップで解説【初心者向け】この記事では、初心者の方向けにランディングページについて解説しています。...2ワードプレス集客のコツ!抑えておきたい11個のやるべきリストこの記事ではワードプレスを集客に使いたい個人起業家の方へ「11個のやるべきチェックリスト」をお伝えします。ワードプレス集客の方法や失敗しないコツも合わせてご紹介。ワードプレス初心者なんだけど、どんなプラグインをいれたらいいの?たくさんありすぎて、何を選べばいいのか全然分からない。...4【2021年】目的別ワードプレスのおすすめ無料テーマ9選!ワードプレスの中でテーマは非常に重要です。サイト全体の外観や、記事画面のメリハリ、運営の利便性に大きく影響するからです。コミュニケーションをとる事が大事です。Facebookをやっているのですから。「いいね!」数が仕事に直結するならいいんですけどね。その数にこだわって数をアピールすることはナンセンスです。いろんな人に申請して「お友達」を増やすことは大切ですよね。あなたの投稿を見てもらう人がいなければ始まりませんから。...2019/11/24なぜ今の仕事をしているの?あなたの「なぜ」で物語性と世界観を伝えようあなたは今の仕事をなぜやっているのでしょうか。そのことをブログやソーシャルメディアで公開していますか。していなかったら言葉にアウトプットしましょう。ご自身のストーリーがあるはずです。その人が通過してきた体験と直結しています。前は「ファンページ」って名前でしたね。今はFacebookページのリーチ数が減ってる傾向にあります。Facebookページで投稿したときにそれを見た人の数が減少しているという意味です。あなたのFacebookページの投稿が表示されにくいということ。おおきいサムネイル、タイトル、概要が表示される、いわゆる「最適化」させた表示にすることができる通信ルールOGP(オージーピー)。OGPを設定するには、ブログとFacebookを連携させる必要があります。ID)を取得し、ブログサイト側では、直接ファイルに記述する、またはWordPressのプラグインを使ってひもづけます。「ソーシャルメディアを集客に使う」方法がいろいろとあると思いますが、大切なことは、使う目的を誤ってはいけないということ。○○○件達成!などアピールする方もいますが、あまり意味がありません。お互いボタン一つ押し合えば友達数は増やせます。コミュニケーションを通じて関係をつくる場所。...HPリニューアルで濃いお客様が来るように。売上げも連続して大台に!SNSやブログをがんばっても成果につなげらないと感じる方へ。ランディングページを使った『伝えるしくみ』の作り方の無料動画レッスンを公開します。おすすめの記事1ランディングページの作り方|ステップで解説【初心者向け】この記事では、初心者の方向けにランディングページについて解説しています。...2ワードプレス集客のコツ!抑えておきたい11個のやるべきリストこの記事ではワードプレスを集客に使いたい個人起業家の方へ「11個のやるべきチェックリスト」をお伝えします。ワードプレス集客の方法や失敗しないコツも合わせてご紹介。ワードプレス初心者なんだけど、どんなプラグインをいれたらいいの?たくさんありすぎて、何を選べばいいのか全然分からない。...4【2021年】目的別ワードプレスのおすすめ無料テーマ9選!ワードプレスの中でテーマは非常に重要です。サイト全体の外観や、記事画面のメリハリ、運営の利便性に大きく影響するからです。【2023年】Facebookページの適正カバー画像サイズはこちら!2023/2/2HPリニューアルで濃いお客様が来るように。売上げも連続して大台に!2022/7/6適切な指導。他塾では身につきにくい異次元レベルに引き上げられた2022/7/5高額講座や教材をさんざん買った。【2023年】Facebookページの適正カバー画像サイズはこちら!著作権フリー画像の正しい探し方-違法にならないためのライセンス知識Facebookの埋もれた過去投稿をスマホでサクッと探す方法ワードプレスで作られたサイトかどうか見分ける方法3つ100文字のFacebookの自己紹介欄の書き方って?1ランディングページの作り方|ステップで解説【初心者向け】この記事では、初心者の方向けにランディングページについて解説しています。...2ワードプレス集客のコツ!抑えておきたい11個のやるべきリストこの記事ではワードプレスを集客に使いたい個人起業家の方へ「11個のやるべきチェックリスト」をお伝えします。ワードプレス集客の方法や失敗しないコツも合わせてご紹介。ワードプレス初心者なんだけど、どんなプラグインをいれたらいいの?たくさんありすぎて、何を選べばいいのか全然分からない。...4【2021年】目的別ワードプレスのおすすめ無料テーマ9選!ワードプレスの中でテーマは非常に重要です。サイト全体の外観や、記事画面のメリハリ、運営の利便性に大きく影響するからです。