ホーム > タグ > favicon
favicon
iPhoneやiPadでWebサイトをブックマークしたときに表示されるアイコンをデザインする
PCブラウザでは閲覧しているサイトを見分けるためにfaviconというアイコンがあるが、アレと同様のことがiPhone、iPadでも実現できることを発見。
よく使っているRSSまとめサイトである「netvibes」をiPhoneでも簡単に見れるようにとiPhoneのsafariでアクセスし、通常の操作でブックマークをホーム画面に追加したところ、いつもであればそのサイトの画面がサムネイル化されたアイコンがホーム画面に現れるはずが、Faviconみたいにデザインされたアイコンが表示され、おどろき。
「アプリじゃないのにこういうコトできるんだなぁ」と思っていたところ、「favicon 作り方 iphone」というキーワードでググったところこのサイトを発見。
早速試したらスグできた。ポイントは
・57×57pxのPNG画像で作ること。
・ファイル名は「apple-touch-icon.png」とすること。
・保存位置はサーバのルートディレクトリとすること。
・ルートディレクトリで上手く表示されないときは、htmlファイルのheadタグ内に
と書くこと。
等です。
（詳細は上記サイト参照）
- Comments: 0
- Trackbacks: 0
Home > Tags > favicon
- Search
- Feeds
- Meta