ウェブクリップアイコン＝スマホ用のファビコン
スマホ、iPadでウェブのブックマークをホーム画面に保存した時に表示されるアイコン。
作成
私は、イラレかフォトショで作成しています。
画像形式
PNG
サイズ
152×152 px以上
iOS7から「152×152 px」
iPhone 114×114
iPod touch 114×114
iPad 144×144
webでの設定の仕方 Android
ファビコンの設定と同じように<ヘッダー></ヘッダー>内に、
<link rel="apple-touch-icon-precomposed" href="アイコン名.png">
を記述。
*Androidでは光沢の設定は出来ない。
*透過部分はAndroidでは白く表示される。
*角が自動的に角丸になる。
webでの設定の仕方 iPhone/iPad
ルートの階層に、
光沢アリ:「apple-touch-icon.png」
光沢ナシ:「apple-touch-icon-precomposed.png」
でPNG画像をアップをすると自動的に拾ってくれる。
*透過部分はiphoneでは黒く表示される。
*角が自動的に角丸になる。
