プラットフォーム別 プロフィール画像サイズ
すべての主要プラットフォームは正方形のプロフィール画像を求め、同時に円形にクロップして表示します。アップロード寸法は異なります — Pinterest の小さな最小値 165×165 から YouTube の 800×800 チャンネルアイコンまで — しかし戦略は同一です。表示サイズの 2 倍のきれいな正方形をアップロードし、被写体を中央 80% の内側に収め、ファイルサイズの上限を守る。以下がその正確な数値です。
プロフィール画像サイズの完全な表
| プラットフォーム | アップロードサイズ | 最大ファイル | リサイズ |
|---|---|---|---|
| 1000×1000 | 4 MB | Facebook プロフィール → | |
| YouTube チャンネルアイコン | 800×800 | 2 MB | YouTube プロフィール → |
| 400×400 | 8 MB | LinkedIn プロフィール → | |
| X / Twitter | 400×400 | 2 MB | X プロフィール → |
| 最小 320×320 | 8 MB | Instagram プロフィール → | |
| Snapchat | 320×320 | 2 MB | Snapchat プロフィール → |
| Discord サーバーアイコン | 512×512 | 8 MB | Discord アイコン → |
| Twitch | 256×256 | 1 MB | Twitch プロフィール → |
| TikTok | 最小 200×200 | 5 MB | TikTok プロフィール → |
| 最小 165×165 | 5 MB | Pinterest プロフィール → |
GitHub は特殊なケースです。アバターは最大 460×460 px で表示され、GitHub は500×500 以上のアップロードを推奨しています。アニメーション GIF のルールを含む詳細は、GitHub プロフィール画像ガイドで解説しています。
プロフィール画像がぼやける理由(と 2 倍という解決策)
ぼやけたアバターの原因は、ほぼ必ず次の 2 つのどちらかです。ソース画像が表示サイズより小さかったためプラットフォームが拡大してピクセルを「発明」したか、ファイルがサイズ上限を超えたか、すでに強く圧縮された JPG だったため過度に再圧縮されたかです。
どちらの解決策も同じです。最大表示サイズの約 2 倍で書き出してください。Retina や高 DPI 画面はアバターを 2 倍のピクセル密度で描画するため、標準モニターでは問題なく見える写真でも、Retina ディスプレイのノート PC やスマホでは崩れて見えます。LinkedIn の 400×400 アバターを 800×800 で書き出せば、どこでもシャープなままです。プラットフォーム側が縮小(品質を保つ方向)してくれるからです。拡大(品質を壊す方向)ではありません。
円形のセーフエリア
アバターはすべて円形で表示されるため、正方形アップロードの 4 つの角が表示されることはありません。これには 2 つの実用的な意味があります。
- 被写体を中央に。顔はフレームの中央 80% に収めてください。角の近くに細かいディテールがあるロゴは、クロップで失われます。
- 端まで使ったテキストは避ける。円形クロップに加えて表示サイズが小さく(コメント欄やコミット一覧では 20×20 px になることもある)、短く太いテキスト以外はどのみち読めません。
プロフィール画像は JPG か PNG か?
ロゴ、イラスト、シャープなエッジやフラットな色を持つあらゆるものには PNG を使ってください。JPG 圧縮はまさにそうしたディテールを滲ませます。写真のポートレートには JPG を。より小さく、写真はテキストよりも穏やかな圧縮にはるかに耐えます。上の表のすべてのプラットフォームが両フォーマットを受け付けます。
ファイルがプラットフォームの上限を超える場合(GitHub は 1 MB で最も厳しい)、圧縮率を最大にするのではなく、少し低い解像度で書き出してください。解像度の低下は Retina 画面でカバーできますが、圧縮ノイズは取り返せません。
30 秒でアバターをリサイズ
- imgsize.cc のワークベンチを開き、写真をドロップします。ブラウザの外には出ません。
- 上の表からプラットフォームのプリセットを選びます。正確な寸法とファイル上限が自動で適用されます。
- 円形オーバーレイの中に被写体が中央に来るようクロップを調整し、PNG または JPG で書き出します。