Web サービスにおけるロゴ

[10] Webアプリケーションには、実用上、いくつかのサイズと形式のロゴ画像が必要です。

SVG

[1] Webサイト上の表示などには任意の大きさで使える SVG 版を1つ用意しておくと便利です。

[2] Facebook のアプリケーションのロゴ登録では、 1024 × 1024 の画像が必要です。背景は透過色でなければなりません。

[3] 他に、 Twitter、Google、はてなのアプリケーション登録、はてなのプロフィール写真登録にも大きめの画像があると良いですが、こちらは Facebook のような厳しい制限はありません。

[11] OGP もこれでいいか、あるいはもう1回り小さいのを用意した方が良いかもしれません。

[8] Twitter のユーザーページ上部や Facebookページのカバー写真用に横長の画像があると良いです。

[4] favicon や各サービスのユーザーアイコンとして使う画像が必要です。

[5] 16 × 16 に縮小して表示されることもあれば、 64 × 64 などで大きく表示されることもあります。縮小も意識しつつ 256 × 256 くらいで用意しておくのが無難でしょうか。

favicon はサイズを指定して複数指定できます。

[7] 普通は正方形で表示されます。

[6] 周囲は透過色とするのが無難です。サービスによっては丸く切り取るなどの加工を加えて表示することがあります。スマートフォンのメニュー画面のアイコンとして使う場合なども加工されることがあります。

[9] Android 版 Chrome のホーム画面に追加機能を有効にするには、 <link rel=manifest> で 144 × 144 の PNG 画像を指定する必要があります。