stinger3でiPhoneのファビコンが変わらない時の確認

新しいさぺログのロゴもでき、ブログやTwitterはじめ、様々なサービスのロゴ画像を変更してますが、iPhoneのSafariブラウザーにおいてstinger3のロゴがずっと残ってしまう現象が起きました。

画像やデザインが反映されない時にやるコト

それは、「ブラウザのキャッシュ(履歴)の削除」です。

ファビコンも同じですが、今回のように画像やスタイルシートを更新してもページに反映されない場合の原因は、ブラウザーのキャッシュ(履歴)が多いです。そのため、キャッシュを削除することで履歴データが消えて、新しい画像やデザインが反映されます。

ただ、今回は違いました。となると、原因は？

Stinger3にはiPhone用ファビコンが用意されている

いろいろ探したところ原因は、

「Stinger3には、iPhone用ファビコンが用意されていることがわかりました。」

そのファイルが「apple-touch-icon-precomposed.png」で、ファビコンをセットする同じフォルダ内に存在しました。

ファビコン用に準備した画像を同じファイル名にして入れ替えることで、iPhone用のファビコンも入れ替わりました。

ホーム画面に表示させると、こんな感じになります！

さぺログ iPhoneのホーム画面