2026/04/17
Website
WordPress
2018.12.12
- 画像の準備
- コードの追記
Webサイトで用意しておくべきアイコン画像
700px and 180px
ファビコン(favicon)
スマホ用アイコン(apple-touch-icon)
Windows8, 10用アイコン
head
<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"/>