ソーシャルメディア：カバー画像の大きさ・タイトル画像のサイズまとめ［Facebook, twitter, LINE@, Google+］

代表的なソーシャルメディアの 「カバー画像の大きさ （タイトル画像の標準サイズ）」 まとめ。

掲載中 : Facebookページ、twitter、LINE@、Google+

※ サービス名の後ろの括弧内は、各サービスにおける ［カバー画像の呼称］。

Facebookページ ［カバー写真］

Facebook 公式情報。

Facebook 公式情報。

twitter ［ヘッダー画像］

twitter 公式情報。

ただし、ヘッダー画像の上下 約60ピクセルは自動調整される際にカットされたり、思うような位置に配置されないことがあります。この領域にはロゴなどのデザインを配置せず、背景または余白としておく方が無難です。

twitter 公式情報。

［補足］ .jpg形式のデータを使用すると、自動調整される際に画質が落ちることがあるようなので、.png形式の方がオススメです。

LINE@ ［A : カバー画像 （ホーム画面）］

画面領域いっぱいに表示されるため、上端にはスマホ標準のツールバーが被ります。上端からツールバーの縦幅分くらいを背景として余裕を持たせておくと良さそうです。

LINE@ 公式情報。

LINE@ の場合、次のヘッダー画像も含め、一般公開されているヘルプのページが見当たりませんでした。いずれも管理画面の各入力欄の脇に、推奨＆制限事項が注記されています。

LINE@ ［B : ヘッダー画像 （アカウントページ）］

最近、仕様が変わったようです。アカウントページのヘッダー画像には、プロフィール写真や画像一覧が自動的に被ります。PR要素を含めて画像内の情報を読んでもらう形ではなく、あくまで背景画像として考えておくのがよいと思います。また、自動リサイズされて、上端＆下端がカットされる場合があるようなので、上下に余裕を持たせておく方が良さそうです。

LINE@ 公式情報。

Google+ ［カバー写真］

この記事を書いている時点で、Google+ 自体がリニューアル中のようで、2パターンのインターフェースを選択できるようです。

Google+ 公式情報 : 該当表記なし。リンク先の関連記事内にも記載見当たらず。

参考: Google+ プロフィールの表示と編集 | Google+ ヘルプ

［補足］ リニューアル前に、最小サイズ: 480 x 270、最大サイズ: 2,120 x 1,192といった指定があり、カバー画像の拡大・縮小・トリミング機能も付いていたのですが、なかなか思うように配置できず苦労した記憶があります。。

編集後記＆メモ

私はデザイナーではなくて、プロジェクトをディレクションする立場から、
デザイナーさんに直接依頼することが少なからずあります。

そういう機会には、デザイナーさんに
クリエイティブな部分に時間や労力をかけてもらいたくて、
作業面の負担を少しでも軽くしたいと思っています。
せっかく工夫したり苦労してデザインしてもらったのに、
いざ実用！の段階で上手く行かず、差し戻して再調整を頼まざるを得ないとか、
できるだけ減らしたいのです。
さくさく効率的に進むと、頼む側も頼まれる側も気分が良い、ですよね。

そんな中、ソーシャルメディアのタイトルカバー画像とか、
標準の仕様がコロコロ変更されることがあります。
「前回と同じで～」 と依頼かけて、いざアップしようとしたら、
あれ、仕様が変わってるぞ…ちっ。みたいな。

あ、いえ、依頼する前に都度確認しない自分が悪いんです。はい。
毎回毎回、調べ直すのは面倒…
でも確認しなきゃ、間違った発注要件で依頼かけたことになるわけで…ちっ。笑

ついでに、変更するタイミングでは、
Facebook、twitter、LINE@ など一気に差し替えることも少なくなくて、
一つ一つ調べるのは結構面倒ですし
代表的なソーシャルメディアの仕様を横断的に把握したいなぁと
思ったことから、このまとめを作りました。
役に立つことがあったら嬉しく思います。

（おまけ） 呼びかけ :
この手の記事を、今後新たに書く機会がある人、
または、この記事も含めあちこちからパクって再掲する人 キュレーターも含め、
一般公開記事については、公開日時と最終更新日を必ず掲載しませんか。
いつ書かれた情報なのか、1ヶ月前なのか3年前なのか、すらわからないと、
記事を見て実践してみようとした人が、残念な思いをすることが増えちゃうかと。
それって人類にとって、だいぶムダな気も…
（あ、日本語だから日本人にとって、だけか…）

 - デザイン関連 ソーシャルメディア設定