iPhoneのホーム画面にブログを追加した時に表示されるアイコンを新しいアイコンに設定してみた

アイコンを変えた、あんちゃん(@anchan_jp)です。

今回新しく作ったアイコンを、今までいろんなサービスで使ってた古いアイコンと入れ替える作業を少しずつ進めてて、このブログをiPhoneのホーム画面に並べた時用のアイコンも入れ変えが終わりました。

変える前からもずーっと、古いアイコンをiPhoneのホーム画面用に設定してたんですけど、たぶん誰にも気づかれてなかったと思います(-_-;)

表示されるアイコンを設定する

まず、jpgやpng等で表示させたいアイコンを114×114pxの大きさで作成し、FTP等でサーバーにアップロードしておきます。

そして、headタグの中に、

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

これを入れたら終わりです。

このブログをホーム画面に登録すると、このようになります。

アイコンが勝手に光沢(?)があるっぽく表示されます。

光沢が嫌な方は、

[html]rel="apple-touch-icon"[/html]

ここに、-precomposedを付け足したらOKです。

付け足すとこうなります。

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

これをiPhoneのホーム画面に登録するとこうなります。

まとめ

自分のブログは、ちゃんとホーム画面に置いてあります(*´ω`*)

ただ、このブログをホーム画面に置くような不思議なことをするのは自分以外にいないと思うので、100%自己満足ですw