图标工场支持生成 ico 文件

生成图标时,如果选择了“Web App”平台,会同时自动生成 ico 文件。

默认会生成包含 16, 32, 64 和 256 像素的 ico 文件,您也可以点击“更多参数”来设置包含的尺寸:

生成图标后,支持预览在浏览器不同主题下的样式:

使用说明

首先,下载包含以下文件的压缩包。解压后放到网站根目录(也可以是其他地方,但记得修改下面的代码为对应目录)。

  • android-chrome-192×192.png
  • android-chrome-512×512.png
  • apple-touch-icon.png
  • favicon-16×16.png
  • favicon-32×32.png
  • favicon.ico
  • site.webmanifest

然后,复制下面的代码,粘贴到 HTML 文件的 head 标签内。

  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
  <link rel="icon" type="image/ico" href="/favicon.ico" />
  <link rel="manifest" href="/site.webmanifest" />

类似文章