> ## Documentation Index
> Fetch the complete documentation index at: https://help.mosh.jp/llms.txt
> Use this file to discover all available pages before exploring further.

# ヘッダー・ホームアイコン画像の設定

> 申込者向けサイトのヘッダー画像とホームアイコン画像を設定する方法を説明します。

クリエイターのサービスやブランドをより効果的に訴求するためにヘッダー画像やホームアイコン画像を設定することができます。

## ヘッダー画像とは？

申込者向けサイト上でクリエイターのサービスやブランドをより効果的に訴求するためにヘッダー画像を設定することができます。

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9e36b9e3-257a-4dc0-a902-1e2daf99e38b/image/w=1920,quality=90,fit=scale-down" />
</Frame>

## ホームアイコンとは？

ゲストがクリエイターのサービスに簡単にアクセスできるように、スマホのホーム画面に保存することができます。

またウェブ画面ではブラウザのタブやブックマーク、検索結果などに表示される小さなアイコン（ファビコン）として設定されます。ホーム画面で表示されるアイコンを設定することで、クリエイターのブランドの訴求を強化します。

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/1323f70c-f9b4-4906-9669-5ae2bbaffb14/image/w=1920,quality=90,fit=scale-down" />
</Frame>

## ヘッダー画像の設定方法

<Info>
  **アクセス経路**

  [ホーム画面](https://mosh.jp/creator/home?openExternalBrowser=1) → 左メニュー → サービス一覧 → 該当サービス選択 → 申込者向けサイトの管理 → 右下設定ボタン
</Info>

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9e36b9e3-257a-4dc0-a902-1e2daf99e38b/image/w=1920,quality=90,fit=scale-down" />
</Frame>

<Steps>
  <Step title="「画像の設定」ボタンを押す">
    ヘッダー画像を設定するには「**画像の設定**」ボタンを押してください。

    <Frame>
      <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/cb3b48c6-e2ee-46d6-8aa1-6d0127dce1ed/image/w=1920,quality=90,fit=scale-down" />
    </Frame>
  </Step>

  <Step title="画像をアップロードする">
    ヘッダー画像・ホームアイコン画像をアップロードしてください。

    <Frame>
      <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/c32d1901-3bf4-43e0-beb2-f9c5c7f291f4/image/w=1920,quality=90,fit=scale-down" />
    </Frame>
  </Step>
</Steps>

## 申込者向けサイトのURLをホーム画面にスマホで追加する

以下をご覧ください。

iOSスマートフォン（iPhone）をお使いの場合は[こちら](https://support.apple.com/ja-jp/guide/iphone/iph42ab2f3a7/ios#:~:text=ホーム画面にWebサイトのアイコンを追加する)

Androidスマートフォンをお使いの場合はこちら