→画像からfavicon生成
クリックして JPG, PNG, WEBP ファイルを選択
.ico ファイルに含まれるサイズ：
元のサイズ: 0px x 0px
* 512×512以上の正方形画像を推奨します。
生成されたアイコンファイルをWebサイトの静的ディレクトリ直下に配置してください
その後、以下の<link>タグをHTMLの<head>内に配置してください。
- favicon.ico
- site.webmanifest
- favicon-16x16.png
- favicon-32x32.png
- apple-touch-icon.png
- android-chrome-192x192.png
- android-chrome-512x512.png
その後、以下の<link>タグをHTMLの<head>内に配置してください。
<link rel="icon" href="/favicon-16x16.png" type="image/png" sizes="16x16" /> <link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32" /> <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" /> <link rel="manifest" href="/site.webmanifest" />