Favicon 生成器

免费

一张图搞定 favicon.ico、苹果/安卓图标，连 head 标签都帮你生成好。

源图像

上传方形PNG、SVG、JPG或WebP图片（512×512或更大效果最佳）。

应用名称背景颜色

透明

圆角半径 0%填充 0%

图标

图标将显示在此处。

<head> 的 HTML 标签

<link rel="icon" href="/favicon.ico" sizes="48x48">
<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="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

site.webmanifest

{
  "name": "My App",
  "short_name": "My App",
  "icons": [
    {
      "src": "/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "theme_color": "#ffffff",
  "background_color": "#ffffff",
  "display": "standalone"
}