> For the complete documentation index, see [llms.txt](https://nii-rcos.gitbook.io/credentials-guideline/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nii-rcos.gitbook.io/credentials-guideline/punbajjiwosurutameno/punbajjinoimji.md).

# オープンバッジのイメージ画像作成

1EdTech上では，バッジのイメージ画像について，以下のように説明をしています．

*<mark style="color:blue;">The logo of the Consumer. The logo image uri should resolve to an image file with a square aspect ratio in either PNG or SVG format. Recommended resolution: 512x512px.</mark>*

*<mark style="color:blue;">ロゴ画像のURIは、正方形の</mark><mark style="color:blue;">**PNGまたはSVG形式**</mark><mark style="color:blue;">の画像ファイルにリンクする必要があります。推奨解像度は</mark><mark style="color:blue;">**512x512ピクセル**</mark><mark style="color:blue;">です。</mark>*

バッジの画像を作成するサービスやプロダクトに制限はなく，どのように作成しても問題ありませんが，以下のような方法が案としてあります．

* Microsoft PowepointやGoogleスライド上で図形，アイコン等を組み合わせて作成する．
* 無料のデザインツールである[Adobe Express](https://www.adobe.com/jp/express/)を利用して作成する．
* 無料の画像作成支援サービスである[Canva](https://www.canva.com/ja_jp/login/)のテンプレートを利用して作成する

このページでは例として，イラスト・画像の作成支援サービスであるCanvaを利用したオープンバッジのイメージファイルの作成方法を説明します．

まず，[**Canvaのページ**](https://www.canva.com/ja_jp/login/)へアクセスし，アカウントを作成します．なお，Canvaで利用する素材に関するライセンスは以下のページをご参照ください．

[Canva | Canva's Content License Agreement（Free Content licenses）](https://www.canva.com/policies/content-license-agreement/)

<figure><img src="https://2577083150-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqW5bVHgIYkoQ5k6xNz0s%2Fuploads%2Fkeo2OKgPqgpLbj7Dtn6c%2Fimage.png?alt=media&amp;token=9920123a-ef1f-4086-b837-707834db629e" alt=""><figcaption><p>Canvas：ログイン画面</p></figcaption></figure>

次に左側のメニューでテンプレートを選択した上で検索欄に <mark style="color:red;">**badge education**</mark> と入力します．検索結果にバッジ画像のテンプレートが複数表示されますので，自身が作成したいオープンバッジのイメージに最も近いものを選択し，<mark style="color:red;">**このテンプレートをカスタマイズする**</mark> というボタンをクリックしてください．なお，王冠のマークがついているものは有料アカウント向けのテンプレートで，無料アカウントのユーザは選択できません．

<figure><img src="https://2577083150-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqW5bVHgIYkoQ5k6xNz0s%2Fuploads%2Fr7N51GF6AJr7pVnYBv1z%2Fimage.png?alt=media&amp;token=4fa47613-2b85-4a5e-8a4d-ad5d7dfc55b3" alt=""><figcaption><p>Canvas：バッジのデザイン一覧画面</p></figcaption></figure>

テンプレートを選択すると，編集画面が表示されます．

テンプレートは配色や文字を変更できますので，デザインをカスタマイズしてください．なお，画面左側にある素材やテキストを選択すると，テンプレートが表示されますので，挿入したい素材を選択できます．

<figure><img src="https://2577083150-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqW5bVHgIYkoQ5k6xNz0s%2Fuploads%2F1R0nDAukeHeg8ehcZQTe%2Fimage.png?alt=media&amp;token=c1147d2d-bc08-4bde-b92d-018f56473656" alt=""><figcaption><p>Canvas：バッジの編集画面</p></figcaption></figure>

イメージの作成が完了したら，画面左上にあるファイルからダウンロードを選択してpngファイルとしてダウンロードしてください．ダウンロードした画像ファイルは，Moodleのバッジの設定画面上のイメージのアップロードからアップロードしてください．

<figure><img src="https://2577083150-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqW5bVHgIYkoQ5k6xNz0s%2Fuploads%2FhYdSoZMomVhlO9rNo5y9%2Fimage.png?alt=media&amp;token=7ffc86bb-8a02-4bb2-95d2-13bf59c644cd" alt=""><figcaption><p>Canvas：バッジのダウンロード</p></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://nii-rcos.gitbook.io/credentials-guideline/punbajjiwosurutameno/punbajjinoimji.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `build a script that syncs our docs to a CMS` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.