学び

Facebookカバー写真をPC・スマホでキレイに表示させる方法


憧れ美女のひとり起業の仕方
3ヶ月で本当に好きなことで自立する!
美起業プロデューサー 櫻井美沙子です。

企画書を作ったら一気にビジュアルも変えたくなって、
Facebookのカバー写真もかえました!

PCで見るとこんな感じ↓
141121-05

そして、スマホで見るとこんな感じ↓141121-06

 

さて。備忘録的にFBカバーのつくり方のポイントを残しておきます!
ポイントは、

(1)スマホで見てもPCで見ても見せたい部分(ここで言うと文字)を見せるようにつくる

(2)画質を落とさずキレイに見せる

この2つかと思います。

(1)に関しては、いちばんいいのはこのやり方かな?と思ったのが
PCサイズの横長(851x 315)でつくらずに
縦をスマホの比率にあわせ(851×638)で作ること。

PCサイズの横長(851×315)で作ると、
スマホで表示した時に真ん中部分だけ切り取られて表示され
両端が切れてしまいます!

こういうこと。
今回作ったのはこれ↓(851×638)
美起業cover05
で、もしPCサイズの横長でつくるとこんな感じ。
141121-07
でも、スマホで見るとこうなっちゃう!! ↓
141121-08

で、サイズばっちりできれーいに作って。
いよいよUP!!しました。

なのに、なんか画質がきたないー!!
元の画像はめちゃめちゃ綺麗なのに・・・。

そこで
(2)画質を落とさずキレイに見せる
です。

これは、ファイルサイズを100KB以下にして保存することで回避されます。
どうやら、100KBを超えると
勝手にFBが画質を落としてきったなーくしてしまうようなので、
予め多少画質が落ちてもいいので100KB以下で保存してみてください。

 

最後に。
もし、ピクセルとかわからない!!
という方は比率で見ると良いと思います。

お役に立てましたか?










友だち追加

-学び