デザイン的に少し内側に情報を収めればPC、スマホともに上手く表示されます。128ピクセルで表示されます。表示されるサイズなので、高解像度用なら倍のサイズがおすすめです。画像は白い枠線付きの円形で切り抜かれます。位置調整前サンプル画像は縦長なのですが、小さい方のサイズでフィットするので、縦側サイズが溢れてはみ出します。その結果、上下が切れていますが、画像をドラッグすれば上下には位置調整出来ます。切り抜かれるエリアが表示されているので分かり易いですね。Twitterと同じで、画像サイズはアップしたものを徐々に拡大していく方法なので、あらかじめ表示エリアに収まるサイズの画像を使う方が良いかも知れませんね。参考:FacebookヘルプセンターFacebookの写真サイズ以外の注意点PCとスマホで共通の画像を使います。写真サイズや縦横比に問題が無くても、写っている内容には気を付けて下さい。文字が小さいとか、写っている内容が細かい物だと大きく表示出来るPCでは良くても、スマホでは小さすぎてよく見えない事があります。PCとスマホでの見え方を確認しましょう。まとめいかがでしたか?カバー写真はPC、スマホで画面サイズが違うので全く同じにはなりませんが、大事なテキストは綺麗に収まっています。画像の縦横比率とテキストの表示領域を最初に意識しておくのがポイントです。これにより、画像の端が切れても大事なテキストが見えないなんて事は防げますね。検索:FUERU(フエル)ウェブデザイナーが知識と経験をもとに、制作やSEO対策、ITスキルについて解説・発信するブログ。デザイン・コーディングからSEO対策やライティングなど幅広くWEB制作をしています。スキルアップして仕事に活かしましょう。コーディング制作お役立ちPhotoshopIllustratorXDHTML・CSSHTMLやCSSを詳しく、そして分かり易く丁寧に解説しています。