現象
デザイン設定画面からブックマークアイコンを設定しました。
モバイル端末のホーム画面からお気に入りのコンテンツに簡単にアクセスできるよう、
「ホーム画面に追加」を設定したところ、設定したはずのアイコンではなく、FLIPPERの標準アイコンが表示されました。
ブックマークアイコン
回答
回答は以下のとおりです。
トラブルが解決しない場合は?
本記事でご案内している内容で解決ができなかった場合は「解決できない場合は?」ご確認ください。
回答(1)ベーシック認証がかかっている
原因
iPhoneをご利用の場合、ベーシック認証が設定されている環境にブックが公開されていると、設定したアイコンが正しく反映されず、標準のFLIPPERアイコンが表示されることがあります。
ブックマークアイコンは apple-touch-icon-precomposed を用いて指定されており、iOSの仕様上、ベーシック認証下のアイコン読み込みが制限されているためです。
回避策
ベーシック認証が設定されていない環境にブックを公開することで、設定したブックマークアイコンが正しく反映されます。
回答(2)アイコン画像サイズの比率が「1:1」ではない
原因
Android端末(Google Chrome バージョン121以降)において、ブックマークアイコンの画像サイズが「1:1(正方形)」でない場合、設定したアイコンが正しく反映されない現象が確認されています。
回避策
画像サイズの比率が「1:1(正方形)」のアイコンを使用することで、ブックマークアイコンが正しく反映される見込みです。