1. まとめトップ

TwitterやFB、LINEなどのヘッダーやアイコンの適切サイズまとめ

Twitter、Facebook、LINEなど、各SNSやアプリの適切なヘッダーやアイコンサイズをまとめました。

更新日: 2017年03月06日

315 お気に入り 534152 view
お気に入り追加

この記事は私がまとめました

10020408さん

Twitter

ヘッダー画像

"1500ピクセル×500ピクセル(最大10MB)が推奨"

"最大サイズは2560ピクセル×600ピクセル"

"見た目上の最小サイズは1024ピクセル×200ピクセル"

"最大サイズには注意が必要だろう。画面サイズが大きいとヘッダー画像が引き伸ばされるので、アップロードした画像が小さいと粗い表示になってしまう。"

アイコン画像

400ピクセル×400ピクセル(最大10MB)が推奨

アイコン画像は正方形であれば比較的大丈夫。
サイズが小さいと粗くなってしまうので、400pxあたりが無難。

Facebook

カバー写真

・コンピュータでは幅851ピクセルx高さ315ピクセル、スマートフォンでは幅640ピクセルx高さ360ピクセルの大きさでページに表示されます。
・フィーチャーフォンでは表示されません。
・元のサイズは少なくとも幅399ピクセルx高さ150ピクセルである必要があります。
・幅851ピクセルx高さ315ピクセルで、100キロバイト未満のsRGB JPGファイルだと読み込み時間が短くなります。

PCとスマホで綺麗に表示させたい場合、851×315でベースを作成します。
スマホでは幅はセンタリング寄せ、高さは上寄せになるので、そこに見せたい部分を合わせると良いです。

プロフィール写真

・コンピュータでは160x160ピクセル、スマートフォンでは140x140ピクセル、ほとんどのフィーチャーフォンでは50x50ピクセルの大きさでページに表示されます。
・元のサイズは少なくとも180x180ピクセルである必要があります。
・正方形になるようにトリミングされます。
・コンピュータで見ると、カバー写真の左端から16ピクセル、上端から176ピクセルのところに配置されます。
・スマートフォンで見ると、カバー写真の左端から24ピクセル、下端から24ピクセル、上端から196ピクセルのところに配置されます。

プロフィール写真に関しては、正方形であればまず問題はないです。

LINE

ヘッダー画像

アイコン画像

出典i2.wp.com

アップデートでアイコンが円の形に変更となったので、四角い画像を使用する場合は四角に注意。
正円であれば問題ないです。

サイズは直径480pixelの円以上がベスト

1