iPhoneやiPad等iOSのサファリから、表示中のWebサイトを「共有」>「ホーム画面に追加」とすれば、ホーム画面にショートカットアイコンが作成されますが、このアイコンが変更できることを知りませんでした。
INDEX
ショートカットアイコンを変更する
オリジナル画像をアイコンとして適用する手順は以下のとおりです。(アイコン画像 apple_touch_icon.jpg を imagesフォルダ にアップロードした場合)
- アイコン画像(jpg,png,gif,bmp等)を 114×114px 以上で作成し imagesフォルダ へアップロード
-
HTMLの<head></head>内に以下を追加します
[code]
<link rel=”apple-touch-icon” href=”/images/apple_touch_icon.jpg” />
[/code]
まとめ
簡単です。何で今まで気が付かなかったのでしょうか(笑)
というわけで、早速 sirochro.com のアイコンを変えてみました。