hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

iPhoneとかの「ホームに追加」

【画像を作成する】
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


投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください