Favicon 与网站图标生成器
在浏览器本地通过文字缩写、图片/SVG 或 Emoji 一键生成多图层 favicon.ico（16x16/32x32/48x48）、iOS 桌面图标（180x180）及 Android PWA 全套图标与配置文件。
真·多尺寸合并二进制 favicon.ico 深浅色标签页与搜索结果真实预览 iOS 桌面与 Android PWA 开箱即用
图标来源
字号比例56%
背景、圆角与边距
圆角弧度22%
安全内边距12%
浏览器标签页与多端实时预览
浏览器浅色标签页
Anything Tools
浏览器深色标签页
Anything Tools
Google 搜索结果站点图标预览
Anything Tools
https://example.com
Anything Tools — Official Website
Anything Tools
全尺寸图标导出列表
favicon.ico
16×16, 32×32, 48×48 multi-layer
favicon-16x16.png
16×16 px (Browser Tab)
favicon-32x32.png
32×32 px (Retina Tab)
favicon-48x48.png
48×48 px (Google SERP)
apple-touch-icon.png
180×180 px (iOS / Safari)
android-chrome-192x192.png
192×192 px (Android / PWA)
android-chrome-512x512.png
512×512 px (PWA Splash)
HTML 引入代码与 Web Manifest
<link rel="icon" type="image/x-icon" href="/favicon.ico"> <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">
需要先对 SVG 图标进行实时改色或代码压缩？SVG 在线预览与优化器
如何在线生成全套网站 Favicon 与移动端图标
只需三步，搞定浏览器标签页、Google 搜索收录与 iOS/Android 桌面图标。
1
选择图标内容来源
可直接输入品牌首字母缩写、挑选 Emoji 图标，或上传现有的 PNG、JPG、WebP 与矢量 SVG 文件。
2
调节背景圆角并实时预览
自由设置渐变或纯色背景、iOS 标准圆角（22%）与安全边距，实时查看浅色/深色标签页与搜索结果效果。
3
导出多尺寸 ICO、PNG 与 HTML 代码
一键下载包含 16/32/48 三层的原生二进制 favicon.ico、Apple Touch Icon、PWA 图标及 site.webmanifest，并复制 HTML 引入标签。
专为现代网站与独立开发者打造的图标工作台
在浏览器本地通过文字缩写、图片/SVG 或 Emoji 一键生成多图层 favicon.ico（16x16/32x32/48x48）、iOS 桌面图标（180x180）及 Android PWA 全套图标与配置文件。
真·多尺寸合并二进制 favicon.ico
在浏览器内存中直接按照微软 ICONDIR 二进制规范将 16x16、32x32、48x48 三个图层打包进单个 .ico 文件，符合 Google 搜索收录规范。
深浅色标签页与搜索结果真实预览
在导出前直观检查 16x16 极小尺寸下在 Chrome 深色/浅色模式、Google 搜索结果卡片及 iOS 桌面上的辨识度。
iOS 桌面与 Android PWA 开箱即用
自动生成 180x180 apple-touch-icon.png、192x192 与 512x512 PWA 图标，以及配套的 site.webmanifest 配置文件。
常见问题
在这里查找常见问题的解答。