favicon
生成器
拖入一个 logo，就能得到整套现代图标包，浏览器标签页、iPhone 主屏幕、Android、maskable，每个尺寸都已渲染、可预览、可下载，还附上要粘贴的精确 link 标签。你的图像绝不离开浏览器。
把你的 logo 拖到这里
Link 标签（粘贴到你的 <head>）
site.webmanifest（与图标放在一起保存）
Yetty 会自动在每个页面提供你的 favicon、分享卡片和结构化数据，上传一次 logo，细节就都替你处理好了。
每个平台都想要
自己的图标
16 & 32 - 浏览器标签页
经典的 favicon。极小，所以简单的形状和强烈的对比才留得住，细小的细节会糊成一团。
48 - Windows & Google
Google 会在搜索结果旁显示 favicon，并偏好 48px 的倍数，这一档对得起它的位置。
180 - iPhone 主屏幕
apple-touch-icon。iOS 会把透明压成黑色，所以这一档会导出在你选定的背景上。
192 & 512 - Android
主屏幕和启动画面尺寸，声明在 web app manifest 里，而不是 link 标签中。
Maskable 512
Android 会把图标裁成圆形和 squircle。maskable 版本把你的 logo 保持在 80% 安全区内，什么都不会被裁掉。
link 标签 & manifest
光有文件没用，head 标签和 site.webmanifest 才会告诉浏览器每个图标的存在。两者都替你生成好了。
大家还在问
2026 年我需要哪些 favicon 尺寸？
一套实用的现代图标包是：给浏览器标签页用的 16x16 和 32x32 PNG，给 Windows 和 Google 搜索结果用的 48x48，给 iPhone 主屏幕的 apple-touch-icon 用的 180x180，以及给 Android 和你的 web app manifest 用的 192x192 加 512x512，最好再配一个 512 的 maskable 版本。一张够好的方形原图，512px 或更大，就能覆盖以上全部。
为什么我的 favicon 在 iPhone 上显示为黑色？
因为 iOS 不支持 apple-touch-icon 里的透明；把图标存到主屏幕时，任何透明像素都会被压平成纯黑。解决办法是在导出前自己把图标压到一个背景色上（白色，或你的品牌色），而这正是本工具对 180x180 文件所做的。
什么是 maskable 图标？
这是一种为被裁成圆形、圆角方形或 squircle 而设计、依然完好的 Android 图标，每家手机厂商都挑自己的形状。经验法则：你的 logo 必须落在覆盖图像 80% 的安全区圆圈内，外缘用纯色背景填满而非透明。在 manifest 中以 "purpose": "maskable" 声明。