SNS画像サイズをまとめてみた(後編)

SNS画像サイズをまとめてみた(後編)

https://ossancreators.com/2019/08/08/sns-image-size-base/

前編で検討した結果、 Twitter、FaceBook、で キレイに表示させたいのであれば、

  1. 1280 x 670 px
  2. 1920 x 1005 px

の2択になりました。

ここからやっと本題に入ります。

まずはブログでの画像サイズを考えてみた

まずはブログ。ブログで主に使うのは、ヘッダー画像、サイトアイコン、いわゆるファビコン、それでもって本文で使う画像サイズの3種類。

ブログのヘッダー画像サイズ

はじめにブログのヘッダー画像。使っているテーマは”cocoon”。マニュアルにはサイズの規定なし。であれば「よく使う画像サイスまとめてみた」の、いわゆるモニター画面のスクリーンサイズの中からから拝借する。

ということであれば、ブログヘッダー画像サイズは 1920px × 670px 。けど、縦 670px は結構でかい。400px 以下にしたい。300px か?400px か?

ここは黄金比を参考に考えてみる。

黄金比の近似値 1:1.618、約 5:8。これを元に算出。 これを使うと、1920 x 800。

でも 800 はでかいので 400 採用。

ブログのヘッダー画像サイズ: 1920 x 400 px

ブログ本文の画像サイス

ブログの本文の画像サイズは、1920 x 400 px となれば大きすぎる。なので残りの、

ブログ本文画像サイス: 1280×670 px

に無事決定。

こうしておけば、ブログからフェイルブック、ツイッターに自動投稿する仕組みを作っておけば、いい感じで表示してくれるでしょう。

ブログのサイトアイコン

ブログのサイトアイコン(ファビコン)は、

ブログサイトアイコン画像サイス: 512 x 512 px

ここはwordpressの仕様なので、cocoonでもおなじです。

フェイスブック(Facebook)で使用する画像サイズ

フェイスブックのヘルプセンターに記載ありましたんでここから拝借しました。

カバー写真の表示サイス
・コンピューターで 820 x 312 px、スマートフォンで 640 x 360 px
・元画像のサイズは最小 400 x 150 px
・サイズが 851 x 315 pxで、100KB未満のsRGB JPGファイルだと読み込み時間が短くなります。

プロフィール写真の表示サイス
・コンピューターで 170 x 170 px、スマートフォンで 128 x 128 px

「Facecbookヘルプセンター:Facebookページのプロフィール写真やカバー写真のサイズはどのくらいですか。」から抜粋。

Facebookページのカバー写真(画像)のサイズ

多分ユーザー数はスマートフォンが多いです。なのでスマートフォンファーストで。フェイスブックのヘルプセンターから 640 x 360 px 以上。このサイズでよく使う画像一覧に該当するのは、VGAサイズの 640 x 480 px

Facebookページのプロフィール写真(画像)のサイズ: 640 x 480 px

100KB未満のJPGで作成。

Facebookページのプロフィール写真(画像)のサイズ

プロフィール写真(画像)もスマートフォンファーストで。なので、

Facebookページのプロフィール写真(画像)のサイズ : 128 x 128 px

Facebookページの写真(画像)のサイズ

ページの写真(画像)のサイズ はブログ本文の画像サイズと同じ。

Facebookページの写真(画像)のサイズ : 1280 x 670 px

ツイッター(Twitter)で使用する画像サイス

ツイッターのヘルプセンターに記載ありましたんでここから拝借しました

・ヘッダー画像の推奨サイズは 1500 x 500 px
・プロフィール画像の推奨サイズは 400 x 400 px
・プロフィール画像の最大ファイルサイズは2MB

「Twittreヘルプセンター: プロフィール画像のアップロードについてのヘルプ 」から抜粋。

プロフィール画像のサイズ

プロフィール写真(画像)もスマートフォンファーストで。なので、

Twitterページのプロフィール写真(画像)のサイズ : 400 x 400 px

ヘッダー画像のサイズ

プロフィール写真(画像)もスマートフォンファーストで。なので、

Twitterページのプロフィール写真(画像)のサイズ : 1500 x 500 px

本文の画像サイス

ページの写真(画像)のサイズ はブログ本文の画像サイズと同じ。

Twitterページの写真(画像)のサイズ : 1280 x 670 px


またまた長くなったんで一覧表にまとめました。

https://ossancreators.com/2019/08/10/list-of-sns-image-sizes/

テキストのコピーはできません。