ここでは【サイトオプション】内タブ『サイトデザイン』の「アイコンの設定」の各項目を見ていきます。
ここでファビコン(FAVICON)とスマホ用ホーム画面アイコン(アップルタッチアイコン)の設定ができます。
ファビコンとはブラウザのタブやお気に入り(ブックマーク)に表示される小さなアイコンのこと。
アップルタッチアイコンというのはスマホのホーム画面に表示されるアイコンのことです。
(”アップルタッチアイコン”ですがAndroid機でも読み込んでくれます)
SIRIUS2の場合は横幅180px以上の正方形画像を用意して『FAVICON画像』のところで指定します。
また「FAVICONと同じ画像にする」にチェックを入れておけばPC/スマホどちらにも適用可能なアイコンを自動的に設定してくれます。
用意する画像はJPEG画像でもPNG画像でもどちらでも問題ないです。
ただし透過情報を保持したPNG画像に関しては若干注意が必要です。
透過情報付きPNG画像の場合、ブラウザタブやブックマークでは透過部分は透明(背景にある色が表示)になります。
(JEPG画像なら透過部分は白で表示されます)
しかしながらiPhoneのホーム画面では透過部分が黒く表示されてしまいます。
これがイヤな場合は透過部分が白になるJPEG画像で作成するか透過部分に色を付けるかして『スマホ用お気に入り画像』のところでファビコンとは別に指定してやります。
(「FAVICONと同じ画像にする」のチェックを外すと入力可能になる)
もちろんどちらも同じJEPG画像でかまわないなら「FAVICONと同じ画像にする」にチェックを入れるだけで完了です。