［FB覚書］カバー画像とアイコンが連携した画像にする作り方
今回初めて挑戦。
実際のFBページをキャプチャしてベースにして作ってみたのですが、
そのまま切り抜くとアイコンが想定より大きく表示されてしまうんですよね。
切り取ったものが150×150なので、カンバスサイズの変更の白余白で、そのまま180×180にしたらうまく合いました！
キレイな画像にするには
今回はまだテスト段階なので、とりあえずそのままの幅で作ってしまったのですが
カバーに設置すると画像が若干荒れてしまうのとretina対策で、ほんとは大きめの画像を用意しないといけないのですよね。
このあたりがヒントになりそうです。
Facebookページの「タイムライン」のカバー画像のサイズなどデザインチップス | Otokuni Consulting Co.,Ltd. ::: 株式会社オトクニコンサルティング
タイムラインのカバー画像が汚くなる場合
カバー画像のサイズは851×315ピクセルですが、その大きさのままでアップロードすると汚くなるかもしれません。そんな場合は、アップロードする画像dpiを標準的な72dpiから150dpiほどに上げておく、あるいは、画像サイズを倍の1702×330630ピクセルでアップロードすると綺麗な画像で表示されるかもしれません。
タイムラインのプロフィール画像サイズ
表示領域のサイズ：縦180x横180縦125x横125ピクセル
これはリニューアル前のですが応用はできそう。
Twitterのカバー画像をアイコンを生かして作る方法と各種サイズまとめ | delaymania