【画像を作成する】
iPhone/iPadのホーム画面用アイコンapple-touch-icon.pngをサイトに設定しよう | Web担当者Forum :
http://web-tan.forum.impressrd.jp/e/2010/06/15/8178
[2014.5.28 追加]
iOS7からサイズかわたそうな。検証してないけどAndroidもいけんのかな?
iOS – apple-touch-iconの機種/OS別サイズとlinkタグの書き方 – Qiita : http://qiita.com/youcune/items/43a2c83fc7c70d468f53
めんどくさいからもう256pxぐらいで作っとけばいいんじゃないですかね?
じゃーめんどくさいから
【256px*256px】
で!(笑)
[2014.5.28 追加 ここまで]
2014.5.29追記:Androidでもアイコンに対応している機種ならこのサイズで行けました
【タイトルを指定する】
・最初に引っかかったサイト
iPhone、iPadのホーム画面にWebページを追加したときのアイコンとタイトルを変更する方法|マコトのおもちゃ箱 ~ぼへぼへ自営業者の技術メモ~ :
http://piyopiyocs.blog115.fc2.com/blog-entry-502.html
下記のmetaタグを追加すれば、ホーム画面に追加するときのタイトルを
「iOS6以上で」指定できるそうです。
[html]
[/html]
iOS6以上のみ。最近の実装なんですね。
ちなみにAndroidではどうやるのか調べましたが、ネイティブアプリ用の記述しか出てきませんでした。
まぁ、アイコンの方もappleの独自実装を表示するようにしてくれてるし、
後追いで実装されていくのかもしれませんねー。
http://stackoverflow.com/questions/15083788/apple-mobile-web-app-title-on-android
【そのた】
他のこともまるっとまとめてる
スマートフォンサイト制作とiPhone5・iOS6 :
http://html-five.jp/542/
・Androidでのホームに追加ってそもそもどんな手順でやってるのか書いてある
iPhoneユーザなので知らなかった
スマホ対策!faviconを設定するなら「ウェブクリップアイコン」も忘れずにね! | 株式会社LIG :
http://liginc.co.jp/designer/archives/7300
コメントを残す