# Studio、スマホ用アイコンの設定について

**URL:** <https://www.nocode-faq.com/t/topic/1955>\
**Category:** STUDIO\
**Tags:** フロントエンド, ツールの操作方法\
**Created:** [2021 年 7 月 28 日午後 3:35 UTC](https://www.nocode-faq.com/t/topic/1955 "2021-07-28T15:35:10Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Aki\_Sydney](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/aki_sydney/32/6600_2.png) [@Aki\_Sydney](https://www.nocode-faq.com/u/Aki_Sydney)\
**Post date:** [2021 年 7 月 28 日午後 3:35 UTC](https://www.nocode-faq.com/t/topic/1955/1 "2021-07-28T15:35:10Z")

</div>

こんにちは。現在、Studioを使った初めてのサイトを制作中です。  
スマホのブラウザで、「ホーム画面に追加」を押したときに設定されるアイコンの設定についての質問です。

これは特に設定する項目が見つからなかったので、もしかしてFaviconがスマホアイコンにも適用されるのかな？と思い、試してみたところ、Androidではファビコン画像が反映されました。  
しかし、iPhoneからだと反映されず、ファーストビューのスクリーンショットのようなものがアイコンとして設定されてしまいました。  
これは、スマホ用のOpen Graph View画像とも別の物なようです。

iPhoneでもアイコンを設定させる方法をご教授ください。  
よろしくお願いします。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/9/93a0d012a2091fc36ad0b283fb7a4060aaed9d6f.jpeg)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/3c9e23658678fe71e745dad6db858c528cb2b3c9.jpeg)

---

<div class="post-metadata">

**Author:** ![mochi](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/mochi/32/2948_2.png) [@mochi](https://www.nocode-faq.com/u/mochi)\
**Post date:** [2021 年 7 月 29 日午前 6:30 UTC](https://www.nocode-faq.com/t/topic/1955/2 "2021-07-29T06:30:09Z")

</div>

@Aki_Sydney  
SUTIDOでは今の所ホーム画面に登録した時用の画像を個別に登録する機能はないと思われます💡  
私はiPhone12を使っているのですが、試しに自分のサイトをホーム画面に登録してみたところファビコンの画像がアイコンになりました(ㆁωㆁ\*)

お手数ですが、再現するかどうかもう一度試してみてもらえると助かります🙏

---

<div class="post-metadata">

**Author:** ![Aki\_Sydney](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/aki_sydney/32/6600_2.png) [@Aki\_Sydney](https://www.nocode-faq.com/u/Aki_Sydney)\
**Post date:** [2021 年 7 月 29 日午前 6:46 UTC](https://www.nocode-faq.com/t/topic/1955/3 "2021-07-29T06:46:19Z")

</div>

mochiさん、ご丁寧にありがとうございます！  
なるほど、もしかすると僕が使っているiPhoneが、6Sと古い物だからかも知れませんね。  
6Sだと、いくらキャッシュを削除してリロードしても、はやりうまくいきませんでした。  
（僕のメイン端末はAndroidなので、iPhoneは安かった6Sを検証用に使っています。）

iPhone12を持っている友人にお願いして、検証してみます。  
また結果報告をしますね！どうもありがとうございました😌

---

<div class="post-metadata">

**Author:** ![Aki\_Sydney](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/aki_sydney/32/6600_2.png) [@Aki\_Sydney](https://www.nocode-faq.com/u/Aki_Sydney)\
**Post date:** [2021 年 7 月 31 日午前 6:42 UTC](https://www.nocode-faq.com/t/topic/1955/4 "2021-07-31T06:42:42Z")

</div>

mochiさん、こんにちは。  
iPhoneでも、ファビコンをスマホアイコンに反映させることができました！

ファビコンをSVG形式でアップロードしていたことが原因でした。  
これを、PNGに変換して再アップロードすれば、iPhoneのスマホアイコンに反映されました。

AndroidではSVGでもアイコンに反映されますが、iPhoneはダメだったようです。  
6Sだったからというのは関係ありませんでした😂

ありがとうございました😌

---

<div class="post-metadata">

**Author:** ![mochi](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/mochi/32/2948_2.png) [@mochi](https://www.nocode-faq.com/u/mochi)\
**Post date:** [2021 年 8 月 1 日午前 6:57 UTC](https://www.nocode-faq.com/t/topic/1955/5 "2021-08-01T06:57:39Z")

</div>

@Aki_Sydney  
なんと！そんな仕様だったとは私も知りませんでした！ 😳  
勉強になりました！！ご報告ありがとうございます✨
