apple-touch-icon.png を用意してみました。
この記事は公開日より年以上経過しています
情報が古くなっている可能性がありますのでご注意ください。
:: Blog!NOBON | 「Webクリップ」用アイコン設置サイトリンク集(追記) :: を読んで、みんな用意したりしてるんだなぁって思って、今朝作ってみました。
大きな favicon みたいなもんですね。 検索するといろいろ出てきますが、私もメモとして残しておきます。(公開後少し修正しました)
- 60x60pxのPNG画像を用意する。(実際にはマスクされ少し小さくなる)
- その画像をapple-touch-icon.pngという名前で保存する。
- WebサーバーのWebのルートディレクトリに配置する。
これだけです。 別のファイル名にしたい場合には head タグ内に以下の記述を追記すればいいようです。
<link rel="apple-touch-icon" href="ファイル名" />
作る際には、正方形で角丸も無しで作っておけば、勝手に角丸にしたりテカってしてくれます。 appleple や a-blog 、wcan も用意してもらおう。(まだ、用意していません)
以下のエントリーがオススメです。
更新