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 も用意してもらおう。(まだ、用意していません)
以下のエントリーがオススメです。
この記事を書いた人
山本 一道
/
有限会社アップルップル
代表
名古屋のWeb制作会社 (有)アップルップル代表。HTMLファーストな国産CMS「a-blog cms」開発・販売・サポート / 名古屋のWeb制作者コミュニティ「WCAN」主催 / コワーキングスペース「ベースキャンプ名古屋」運営。Web制作の現場をより良くするための活動をしています。
@kazumich関連記事
この記事のハッシュタグ #iPod から関連する記事を表示しています。