faviconやホーム画面アイコンの指定方法

faviconやホーム画面アイコン

//ルート直下にファイル名favicon.icoとして直置きでもOK
<link rel="icon" href="/img/favicon16.ico" type="image/x-icon">
<link rel="icon" href="/img/favicon32.ico" type="image/x-icon">
<link rel="icon" href="/img/favicon48.ico" type="image/x-icon">
<link rel="icon" href="/img/favicon64.ico" type="image/x-icon">

//ルート直下にファイル名favicon.icoとして直置きでもOK
<link rel="apple-touch-icon" href="img/apple-touch-icon57.png" sizes="57x57">
<link rel="apple-touch-icon" href="img/apple-touch-icon60.png" sizes="60x60">
<link rel="apple-touch-icon" href="img/apple-touch-icon72.png" sizes="72x72">
<link rel="apple-touch-icon" href="img/apple-touch-icon76.png" sizes="76x76">
<link rel="apple-touch-icon" href="img/apple-touch-icon114.png" sizes="114x114">
<link rel="apple-touch-icon" href="img/apple-touch-icon120.png" sizes="120x120">
<link rel="apple-touch-icon" href="img/apple-touch-icon144.png" sizes="144x144">
<link rel="apple-touch-icon" href="img/apple-touch-icon152.png" sizes="152x152">
<link rel="apple-touch-icon" href="img/apple-touch-icon180.png" sizes="180x180">

//ルート直下にファイル名favicon.icoとして直置きでもOK
<link rel="icon" href="./img/favicon16.png" sizes="16x16">
<link rel="icon" href="./img/favicon32.png" sizes="32x32">
<link rel="icon" href="./img/favicon48.png" sizes="48x48">
<link rel="icon" href="./img/favicon96.png" sizes="96x96">
<link rel="icon" href="./img/favicon192.png" sizes="192x192">

補足
推奨される指定方法は以下です。
64×64pxのfavicon.icoと180×180pxのapple-touch-icon.pngを用意します
（favicon.icoはスマホにも表示され得るので16・32pxより64pxを推奨、apple-touch-iconは120・152pxなどでも構いません）

以下のタグをheadタグ内に設置します。
直置きは不要なので、ファイル名を変えたり、フォルダ内に設置しても構いません。その際はhrefを変更してください。
<link rel="icon" href="./favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="./apple-touch-icon.png" sizes="180x180">