記事元: Set “apple-touch-icon.png” to Customize a Websites iPhone Bookmark FavIcon.
通常のパソコンで、ブックマーク(お気に入り)を追加すると、サイトに関連するアイコンが先頭に
のように付きます。これが FavIcon です。
iOSデバイスでも、safari でブックマークを「ホーム画面に追加」することで、そのベージを直接開くアイコンがホーム画面に作成されます。
FavIcon が無いと、内蔵のブックマークアイコンが使用されますが、自分のサイトなどで、iOSデバイス用アイコンを作成すると、ホーム画面にその FavIcon が表示されるようになります。
作成法
- 120×120 ピクセルの png ファイル形式で FavIcon を作成します。
- 作成したファイル名称を apple-touch-icon.png とします。
- apple-touch-icon.png ファイルをウェブサーバーのルートディレクトリ(フォルダ)におきます。
これで、モバイル safari でブックマークを「ホーム画面に追加」すると、apple-touch-icon.png ファイルのイメージがホーム画面に表示されます。
と書いているこのサイト、FavIcon 置いてないんですよね。近々設置します。(汗;
