※全文公開。投げ銭スタイルです。

ホーム画面に表示される「スマホ用アイコン画像」の設定方法

こんにちは。Mです。

スマホでお気に入りのブログやサイトを見つけたとき、ホーム画面にページを保存したりして再び見られるように設定するかと思います。

自分が運営してるブログなどのアイコンはどのように表示されるものでしょうか？

実は、画面に表示されるアイコン画像を自分で設定することも出来るんですよね！

今回はスマホ用アイコン画像の設定方法を備忘録のつもりで書き記しておきます。

まずは、PNG形式の画像を用意・指定しましょう。150×150くらいのサイズにしておくと良いのではないかと思います。

<link rel="apple-touch-icon-precomposed" href="画像のURL" />

画像のURLに用意したアイコン画像のurlを加え、header内に記述するだけ。

簡単ですね！

興味がおありの方はぜひお試しを。