linkerは「人と人」「人と情報」「人と物」をつなぐデザインユニットです。

Web Clipについてのメモ

みなさん、こんにちは、まーしーです。

iPadやiPhoneなどでWebサイトへのリンクをホーム画面に追加(Web Clip)出来ます。

100628-03.jpg

このサイズは今後変わる可能性もあるんだろうなぁ、とも思いつつ現状129px四方が良さそうな気がしています。
apple基準です。

このWeb Clipのアイコンは「apple-touch-icon.png」というファイル名でルートにアップすると自動で認識してくれますが

<link rel="apple-touch-icon" href="/logo2.png" />

という記述を加えておくとファイル名はどのようなものでも使う事が可能になります。

link要素で指定した方が優先

では、混在しているときはどちらが優先されるのだろう?と思いつつ一応試してみると予想通り

<link rel="apple-touch-icon" href="/logo2.png" />

の記述をした方が優先されるようです。

RSSリーダーでも使用される

またこのWeb ClipのアイコンはReederでRSSを読むときにも表示される様になります。

100628-01.PNG

いくつか読んでるweb系のサイトでも表示されているところがありますね。

100628-02.PNG

Safari Realizedも@Stlyeもさすがですね。

feedのアイコンが表示されてるから読まれるというよりも全てはコンテンツ次第でしょうが、iPhone向け、iPad向けのサイトをつくらないにしても、このあたりのアイコンだけであればすぐおけるでしょうから忘れないようにしましょう、と自戒エントリーでした。