Favicon 在线生成
用一张图片生成网站所需的全部 favicon。
如何使用 Favicon 生成器
添加 Logo 或图片
把 PNG、JPG、WebP、GIF 或 SVG 拖到页面上。形状简单的正方形图片效果最佳。
调整外观
裁剪为正方形或显示完整图片，选择透明或彩色背景，添加内边距并设置圆角。预览会显示各个尺寸和浏览器标签页效果。
下载并添加代码
下载 ZIP，把文件上传到网站根目录，再把 HTML 代码粘贴到页面的 head 部分。
为什么选择 Utils365
完整的一套
内含 16、32 和 48 px 的 favicon.ico、PNG favicon、Apple touch 图标、Android 图标和 site.webmanifest，全部按浏览器要求命名。
下载前先预览
查看图标在实际尺寸以及浅色和深色浏览器标签页中的效果，细节不会丢失。
隐私至上
一切都在您的浏览器中完成，您的 Logo 绝不会上传到服务器。
常见问题
我需要哪些尺寸的 favicon？
favicon.ico（16、32 和 48 px）用于浏览器标签页和书签，180 px 的 Apple touch 图标用于 iPhone 和 iPad 主屏幕，192 和 512 px 的 PNG 用于 Android 和已安装的 Web 应用。本工具可以用一张图片生成全部尺寸。
ICO、PNG 还是 SVG：应该用哪种 favicon 格式？
三种都用。favicon.ico 到处都能用，包括旧版浏览器和会自动查找它的工具。PNG favicon 在固定尺寸下清晰锐利。SVG favicon 在任何尺寸下都清晰；从 SVG 开始制作时就会得到它。
什么是 apple-touch-icon？
这是用户把你的网站添加到 iPhone 或 iPad 主屏幕时使用的图标。尺寸为 180 × 180 px，不能透明，因此会以纯色背景保存（如果你选择透明，则为白色）。iOS 会自动加圆角。
favicon 文件应该放在哪里？
解压到网站根目录，与首页放在一起，让 favicon.ico 位于 yoursite.com/favicon.ico。然后把本页显示的 HTML 代码粘贴到每个页面的 head 部分，或粘贴到网站模板中。
为什么新的 favicon 没有显示？
浏览器会长期缓存 favicon。直接打开 favicon 的地址、强制刷新，或用无痕窗口查看新图标。