GitHub App のカスタムバッジを作成する

独自のロゴ画像をアップロードし、背景をカスタマイズすることによって、GitHub Appのデフォルトのバッジを置き換えられます。

この記事の内容

バッジについて

すべての GitHub App にはバッジが含まれています。 バッジは円形の背景の中に正方形の画像で表されています。

既定で、新しい GitHub App では、自動的に生成された identicon をバッジとして使います。 アイデンティコンバッジとは、次のようなものです。

円形の黄色い背景にランダムなパターンの白いピクセルで構成される、アイデンティコンのスクリーンショット。

GitHub App の登録後、ロゴをアップロードし、背景色を選択することで、アプリのバッジをカスタマイズできます。 ロゴは、1 MB 未満の PNG、JPG または GIF ファイルである必要があります。 最適なレンダリングのために、200 ピクセル x 200 ピクセルの画像サイズを使うことをお勧めします。

GitHub Marketplace での GitHub Apps のバッジの詳細については、「アプリケーションのリストの説明を書く」を参照してください。 既に承認済みの Marketplace リストがある GitHub アプリのカスタム バッジを変更するには、 https://github.com/marketplace/manage に移動します。

カスタム バッジを作る

  1. GitHub の任意のページの右上隅にある、自分のプロファイル写真をクリックします。

  2. アカウント設定にアクセスしてください。

    • 個人用アカウントが所有するアプリの場合は、[設定] をクリックします。
    • 組織が所有するアプリの場合:
      1. [自分の組織] をクリックします。
      2. 組織の右側にある [設定] をクリックします。

  3. 左側のサイドバーで [ 開発者設定] をクリックします。

  4. 左側のサイドバーで、 [GitHub Apps] をクリックします。

  5. 変更する GitHub App の右で [編集] をクリックします。

  6. [表示情報] で、ローカル フォルダーから画像をドラッグ アンド ドロップするか、 [ロゴのアップロード] を選んでコンピューターから画像を選んでください。

  7. 必要に応じて、画像をトリミングします。

  8. [新しいアバターの設定] をクリックしてください。

  9. [バッジの背景色] で、ご自分のバッジの背景色の 16 進数の色コードを入力してください。

    Note

    [Badge background color] 入力フィールドは、ロゴをアップロードした後でのみ表示されます。

次のステップ

GitHub Marketplace に GitHub App を登録する方法の詳細については、「GitHub Marketplace上でのアプリケーションのリスト」を参照してください。