Skip to main content
ドキュメントへの更新が頻繁に発行されており、このページの翻訳はまだ行われている場合があります。 最新の情報については、「英語のドキュメント」を参照してください。
All products
アプリ

Creating a custom badge for your GitHub App

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

By default, a new GitHub App will have an automatically generated identicon. An identicon badge looks something like this:

An identicon, which consists of white pixels in a random pattern on a circular yellow background.

After you register a GitHub App, you can customize your app's badge by uploading a logo and selecting a background color. A badge is a square logo image inside of a circular badge. You can choose a background color for the badge, which can visually distinguish your app.

Your logo should be a PNG, JPG, or GIF file under 1 MB in size. For the best quality rendering, we recommend an image size of at least 200px x 200px. See "アプリケーションのリストの説明を書く" for more guidance on customizing badges.

You can change a custom badge for a GitHub App that already has an approved Marketplace listing by navigating to https://github.com/marketplace/manage.

To create a custom badge:

  1. 任意のページで、右上隅にあるプロファイルの画像をクリックし、次に[設定]をクリックします。

    GitHub のアカウント メニューのスクリーンショット。ユーザーがプロファイル、コンテンツ、設定を表示および編集するためのオプションが表示されています。 メニュー項目 [設定] が濃いオレンジ色の枠線で囲まれています。

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

  3. 左側のサイドバーで、 [GitHub App] をクリックします。 GitHub の [開発者向け設定] ページのスクリーンショット。 [GitHub Apps] というオプションが濃いオレンジ色の枠線で囲まれています。

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

  5. Under "Display information," drag and drop an image from a local folder or click Upload a logo to select an image from your computer.

  6. Optionally, crop your image. When you're done, click Set new avatar.

  7. Under "Badge background color," type the hexadecimal color code of the background color for your badge.

    Note: The "Badge background color" input field will only appear after you upload an application logo.

Next steps

For more information about listing your GitHub App in GitHub Marketplace, see "GitHub Marketplace上でのアプリケーションのリスト".