ファビコンの設定方法

【16×16、32×32、48×48、64×64】の4サイズを作成

下記サイトにてマルチicoデータを作成

https://ao-system.net/alphaicon/

 

 

ページと同じディレクトリに.icoをアップ。

 

 

ページHTMLの<head>内に

<link rel=”shortcut icon” href=”favicon.ico”>

 

以上/

 

さらに詳細設定

<!– ファビコン –>
<link rel=”icon” href=”favicon.ico”>

<!– スマホ用アイコン –>
<link rel=”apple-touch-icon” sizes=”180×180″ href=”/apple-touch-icon.png”>

<!– Windows用アイコン –>
<meta name=”application-name” content=”{星の引き寄せメソッド}”/>
<meta name=”msapplication-square70x70logo” content=”small.jpg”/>
<meta name=”msapplication-square150x150logo” content=”medium.jpg”/>
<meta name=”msapplication-wide310x150logo” content=”wide.jpg”/>
<meta name=”msapplication-square310x310logo” content=”large.jpg”/>
<meta name=”msapplication-TileColor” content=”#FAA500″/>

 

コメントを残す