[ユーノート]仕事を楽しく、毎日をかっこ良く。新規登録ログインU-NOTEトップビジネス【Androidサイト】ホーム画面用のウェブクリップアイコンを設定する【Androidサイト】ホーム画面用のウェブクリップアイコンを設定するツイート0お気に入り2014/03/074766views0favcasemobile公式AndroidもiPhoneと同じくウェブクリップアイコンを設定することができます。アイコンを設定したいページのheaderに以下のように記述するだけです。iPhoneの場合は、ルートの階層に「apple-touch-icon.png」または「apple-touch-icon-precomposed.png」(光沢処理無し)と名前をつけたPNG画像を置いておけば自動的にウェブクリップアイコンに設定されますが、Androidの場合は設定されないので上記のタグをページ内に記述する必要があります。iPhoneの場合は下記のようにrelを記述することで自動的に光沢処理が入ります。Androidの場合は「apple-touch-icon」を設定しても光沢処理は入りません。iPhoneとAndroidとで共通したウェブクリップアイコンを使いたい場合は、画像の中に光沢処理を入れておいてrelには「apple-touch-icon-precomposed」を設定しておくのが良いのではないでしょうか。カドマルの処理は自動的に入るので画像側ではカドマルを入れないようにしましょう。大きく作っておけば自動的に縮小されるので、正方形で作っておけば問題ありません。4(Retina)にあわせて「114×114」で作ることが多いです。画像は「PNG」形式で保存します。公開前のサイトはBasic認証をかけることが一般的かと思いますが、このBasic認証がかかっているとアイコンの設定が反映されません。詳しい内容を教えてください内容を報告しましたありがとうございます。記事ランキング1月15日(日)にアクセスが多かった記事はこちら!1買い逃し厳禁!今買って、ずっと使える。買い逃し厳禁!今買って、ずっと使える。スキマ時間で賢く稼ぐ。