未注册用户可获得
- 可预览 favicon 在浏览器标签中的效果
- 可下载 `favicon.ico`,包含 16x16 与 32x32
- 可下载 `favicon-16x16.png` 与 `favicon-32x32.png`
- 可查看和复制完整 HTML Code
- 其他尺寸仅展示带水印预览
Favicon Sizes & App Icons Generator
上传一张源图,自动按中心最小边裁剪,生成 favicon.ico、PNG 尺寸、Apple Touch Icon、Android/PWA 图标、manifest 和可复制代码。
未登录用户。未登录和无次数用户只能下载基础尺寸;有可用次数的用户下载完整包会扣 1 次,超级管理员不受限制。
免费文件可直接下载,锁定文件只展示水印预览,完整资源包按用户组控制。
所有用户都可以查看和复制。
<!-- Favicon -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="167x167" href="/apple-touch-icon-167x167.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<!-- Android / PWA -->
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">
<!-- Windows Tiles -->
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/mstile-150x150.png">
<meta name="msapplication-config" content="/browserconfig.xml">包含全部无水印 PNG、favicon.ico、site.webmanifest、browserconfig.xml 和 html-code.txt。
生成 favicon PNG、Apple Touch Icon、Android/PWA 图标和 Windows Tiles。
自动输出 HTML Code、site.webmanifest 和 browserconfig.xml 示例。
免费用户可下载基础尺寸,付费用户按次数下载完整无水印资源包。
建议包含 16x16、32x32、48x48。未注册用户下载的免费 ico 可以只包含 16x16 和 32x32。