以前ファビコンの作り方と設定方法を御紹介させて頂きました。今回はそのiPod touch/iPhone用のアイコンを作成、設定する方法です。
でも私はiPod touchはおろか、iPhoneも持っていないのであくまで参考させていただいた記事をまとめた程度です。iPod touch/iPhone欲しいが先立つものが・・・
まずはサイズを60×60で作成
ただし左右1px、下3pxはアイコン変換時に削られる。しかも角丸である。下の画像参照。
iPhone Dev Centerでは57×57で作れと書いてあるがトリミングをされたりする。
次に設置場所です。
サーバのroot(ルート)ディレクトリ(一番上のindex.htmlなどと同じ階層)に、ファイル名を「apple-touch-icon.png」としてアップします。
もしくは下記の一行を<head>~</head>に追加する。
サーバのroot(ルート)ディレクトリ(一番上のindex.htmlなどと同じ階層)に、ファイル名を「apple-touch-icon.png」としてアップします。
もしくは下記の一行を<head>~</head>に追加する。
<link rel="apple-touch-icon" href="http://css-style.jp/apple-touch-icon.png"/> この時は画像を任意の名前にできる。 こうして見るとほとんどファビコンと変わらないので、気が向いたら作ってみてください。
今回参考にさせて頂いたのは「ありがとうiPod」さんです。詳しくはこちらを参考にしてください。