ドキュメントには頻繁に更新が加えられ、その都度公開されています。本ページの翻訳はまだ未完成な部分があることをご了承ください。最新の情報については、英語のドキュメンテーションをご参照ください。本ページの翻訳に問題がある場合はこちらまでご連絡ください。
記事のバージョン: GitHub.com

Creating a custom badge for your GitHub App

You can replace the default badge on your GitHub App by uploading your own logo image and customizing the background.

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

Identicon

After you create 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 "Tips for logo and badge images" 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. 任意のページの右上で、プロフィール画像をクリックし、続いてSettings(設定)をクリックしてください。
    ユーザバーの [Settings(設定)] アイコン
  2. 左サイドバーで [Developer settings] をクリックします。
    Developer settings(開発者設定)セクション
  3. In the left sidebar, click GitHub Apps.
    GitHub Apps セクション
  4. Select the GitHub App you want to modify.
    App selection
  5. In "Display information", drag-and-drop an image from a local folder or click Upload a logo to select an image from your computer.
    Upload a logo
  6. 画像をクロッピングします。 When you're done, click Set new avatar.
    Crop and set logo
  7. In "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.
    Badge background color

次のステップ

For more information about creating a Marketplace listing for this app, see "Listing on GitHub Marketplace".

担当者にお尋ねください

探しているものが見つからなかったでしょうか?

弊社にお問い合わせください