Facebookの写真サイズ
トピックス
2012年4月26日からFacebookのプロフィール写真の表示サイズが変わりました。
125×125px表示だったのが、160×160px表示に変わりましたよね(27日には表示サイズも反映され変わっているようです)。
アップロードサイズ自体は180×180px以上と変わっていませんので、表示サイズが大きくなるだけなのですが、カバー写真とプロフィール画像がつながったようなデザインにされている場合、今まで揃っていたデザインもずれてしまいます(周りの友人たちも、何社もあるクライアントの対応に追われて大変だった様子…)。
Facebookは仕様変更も多いため、なかなか写真の表示サイズが覚えられません。
そこで、Facebookの写真サイズが分るように以下のようなものを作ってみたので、トピックスで記事にしてみました。
Facebookの写真サイズ
補足
●カバー写真サイズ
851×315px
丁度のサイズでアップロードすると、リサイズされませんので綺麗に表示されます。
●プロフィール写真サイズ
160×160px
180×180px以上のサイズでアップロードしないといけません。
リサイズされる分、少しぼけた感じになってしまいます。
●プロフィール写真の余白・線幅
プロフィール写真には、4pxの余白と1pxの線が付きます。
●プロフィール写真の表示位置
左から23px、上から210pxの位置に表示されます。
●カバー写真とプロフィール写真をつながったデザインにするには?
カバー写真とプロフィール写真それぞれのサイズと表示位置を考えた上で、プロフィール写真が180pxから160pxにリサイズされるので、元のサイズから88.88%リサイズされることが分ります(160÷180=0.8888…)。
そうすると、Photoshop等でカバー写真やプロフィール写真を作成する場合、カンバスのサイズを958×450pxで作成したものから書き出した画像をFacebookでアップロードし、リサイズ表示させれば、カバー写真とプロフィール写真をつながったデザインにすることができます。
詳しくは、英語のサイトですが、HyperArtsさんのサイトで紹介されています。
こちらのサイトでは、Photoshop形式(.psd)のテンプレートファイルもダウンロードすることができます。
⇒ HyperArtsさんのサイトの該当ページ
Facebookでリサイズ表示させると、どうしてもぼけた感じになってしまうので、そこは好みの問題ですね。
●アプリのイメージ写真サイズ
111×74px
アプリの設定編集画面から任意の画像をアップロードすることができます。
●投稿写真サイズ
404×404px
Facebookから写真を投稿した場合の表示サイズです。
●ハイライト写真サイズ
843×403px
投稿した写真を”ハイライト”にするとこのサイズで表示されます。
また、Facebookでは記念日なんかも表示させることができますが、そこに表示される画像も同サイズで表示されます。
こちらの記事は、2012年5月3日時点のFacebookの仕様に合わせたものです。
Facebookの仕様は頻繁に変わりますので、いつまで参考にできるか分りませんが、その点はご了承ください。
関連記事(※当記事と関連性が高いと思われる記事)
Facebookページ
2012/02/23Facebookページのタイムライン
2012/03/06Facebookを非同期通信で読み込む
2012/05/28FacebookのOGPの記事を更新
2012/06/02FacebookのOGP(更新版)
2012/02/28おすすめ書籍・商品(※当記事と関連性が高いと思われる書籍・商品)