「iPhoneでWEBサイトをホーム画面からアクセス」できるようにする記事を書きましたが、サイト作成者の中にはホーム画面にした時のアイコンを指定したい!という方もいるかと思います。
今回はサイト作成者向け、ホーム画面に設定される画像(アイコン)の指定方法です。
凄く簡単でした、
- 正方形のアイコンを用意する(png,jpegなど)
- headタグ内に以下2つを追加
2-1. iPhone系用
<link rel="apple-touch-icon" href="画像保存場所">
2-2. Webブラウザ、android系用
<link rel="icon" href="画像保存場所" type="image/x-icon">
これだけで、アイコンを指定する事ができました!