favicon

2018.12.12

1. 画像の準備

2. コードの追記

# Webサイトで用意しておくべきアイコン画像

700px and 180px

ファビコン(favicon)

スマホ用アイコン(apple-touch-icon)

Windows8, 10用アイコン

head に記述

<!-- favicon icon-mo-->

<link rel="icon" href="./favicon.ico">

or

<link rel="icon" type="image/png" href="/favicon.png">

or

<link rel="icon" href="/asset/img/favicon.ico">

<link rel="apple-touch-icon" sizes="180x180" href="/asset/img//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"/>