Apple Touch Icon 生成器
在浏览器本地制作 iOS 为主屏书签所用的 180×180 apple-touch-icon —— 还附带一整套 favicon 图标集。不上传任何内容。
隐私优先：每张图片都在你的浏览器中本地处理。任何内容都不会上传、存储或传输到任何服务器。
iOS 放到主屏上的那个图标
当有人把你的网站添加到 iPhone 或 iPad 主屏时，iOS 会去找 180×180 的 apple-touch-icon；找不到就只能退回成一张模糊的网页截图。这个生成器会用你的图片渲染出这个精确尺寸 —— 并配上纯色背景，因为 apple-touch-icon 不该带透明 —— 再把它和 favicon.ico、Android 图标一起打包进下载。
一次导出，覆盖每个平台
与其为每种设备手工裁一个文件，不如一次生成整套：给 iOS 的 apple-touch-icon、给 Android 和 PWA 的 192 与 512px PNG，以及给桌面浏览器的 favicon.ico，还附上引用它们的 HTML 代码片段。全部在你的浏览器中运行，因此你的品牌图稿绝不会离开设备。
常见问题
- 制作 favicon 时我的图片会被上传吗？
- 不会。favicon.ico、PNG 图标和清单文件全部通过 Canvas API 在你的浏览器中本地生成。你的图片绝不会离开你的设备。
- 我会得到哪些尺寸和文件？
- 一个多分辨率的 favicon.ico（16、32 和 48px），16、32、48、180（apple-touch-icon）、192 和 512px 的 PNG 图标，一个 site.webmanifest，以及一段可粘贴到你 <head> 中的 HTML 代码。
- 我可以把 PNG 或 SVG 转换成 ICO 吗？
- 可以。放入一张 PNG、JPG、SVG 或 WebP，即可下载一个真正的 favicon.ico。SVG Logo 会先在本地以高分辨率栅格化。
- 什么样的图片效果最好？
- 简洁、高对比度的方形 Logo 图片。非方形图片会被居中裁剪以适配；可用内边距和形状控件把它调整成你想要的样子。
- 我该如何安装 favicon？
- 把套件解压到你网站的根目录，并把提供的 HTML 代码粘贴到页面的 <head> 中。大多数浏览器会自动识别 favicon.ico。