GitHubのプロフィール写真とREADMEバナーは、訪問者がプロフィールに来たときに最初に目にするものです。 サイズを正しく設定することで、ぼやけたサムネイルや不自然にトリミングされたバナーではなく、シャープで プロフェッショナルな画像を実現できます。
GitHubプロフィール写真(アバター)サイズ
- 460 × 460 px — 最大保存サイズ(GitHubはここから縮小)。
- 230 × 230 px — プロフィールページに表示。
- 64 × 64 px — コミットやコメントの横に表示。
- 20 × 20 px — 上部ナビのユーザー名横の小さいアイコン。
アバターは500 × 500 px(正方形)以上でアップロードしてください。GitHubはほとんどのビューで 円形にトリミングするため、顔、ロゴ、重要な視覚要素は中央に配置してください。
GitHub READMEヘッダーバナーサイズ
GitHubはプロフィールページでREADMEコンテンツを最大888 px幅でレンダリングします。Retinaスクリーンで シャープなバナーのために1776 × 592 px(同じ3:1比率の2×幅)でアップロードするか、 現実的な出発点として1200 × 400 pxを使ってください。
リポジトリのソーシャルプレビューカード
GitHubリポジトリのリンクをSNSやSlackで共有すると、プレビューカードが表示されます。リポジトリの設定 → Social PreviewでカスタムOG画像を設定できます。GitHubの推奨サイズは1280 × 640 pxです。
オーガニゼーションのロゴとプロフィール
GitHubオーガニゼーションのロゴは個人アバターと同じルールです:最小200 × 200 px、 理想的には500 × 500 px以上の正方形画像をアップロードしてください。
GitHub用画像の準備
画像リサイズツールで正確なサイズに合わせ、画像圧縮ツールでリポジトリに画像をコミットする前にファイルサイズを削減してください。
クイックリファレンス
- プロフィールアバター: 500 × 500 px(円形表示)
- READMEヘッダーバナー: 1200 × 400 px(Retina用1776 × 592 px)
- リポジトリソーシャルプレビュー: 1280 × 640 px
- オーガニゼーションロゴ: 500 × 500 px