生成一套 favicon
大多数生成器会先上传你的 Logo,再给你一个 ZIP。这个工具在浏览器里生成同样一整套,包括一个真正的多分辨率 .ico,而不是把 PNG 改个后缀名了事。
- 完全在你的浏览器里运行
- 断网也能用
- 不上传
- 不用注册
- 没有水印
正在加载工具……
工作原理
- 拖入一张正方形图片 —— 512×512 或更大,或者一个 SVG。
- 设置应用名称、主题色,以及 Android 可遮罩图标的安全边距。
- 生成并下载这个 ZIP,然后把里面的 HTML 代码片段粘贴进你的 <head>。
为什么什么都不用上传
这个页面上的每一步操作,都由运行在你浏览器标签页里的代码完成,用的就是渲染网页的那套引擎。文件从磁盘读进标签页的内存,在那里被处理,再作为下载写回去。它不会被送到任何地方 —— 不会送给我们,也不会送给第三方。
自己动手验证
- 打开浏览器的开发者工具(F12),选择“网络”(Network)面板。
- 载入你的文件,运行这个工具。
- 你能看到的请求只有这些:工具自己的代码 —— 少数几个重型工具还会从公共 CDN 取它们的开源引擎 —— 外加一条发往 loreatec.jp 的小小访问记录(页面地址和标题,仅此而已)。没有一条带着你的文件。
常见问题
这个 .ico 是真正的 ICO 文件吗?
是的 —— 16、32 和 48 像素的图像被打包进同一个真正的 ICO 容器里,这正是 Windows 和老式浏览器期望的格式。把 PNG 改个 .ico 后缀,有的浏览器能用,有的不行,这个工具不会这样处理。
可遮罩图标是做什么用的?
Android 会把应用图标裁剪成启动器的形状 —— 圆形、squircle(介于方形和圆形之间的圆角形状)或圆角方形,具体取决于手机。可遮罩图标通过预留边距,保证重要内容不会被裁掉;滑条控制的就是这个边距的大小。
ZIP 里的每个文件都要用到吗?
不用。favicon.ico 加上 192 和 512 的 PNG,再加 manifest 文件,基本就够用了;apple-touch-icon.png 是给 iOS 主屏幕用的。附带的 HTML 代码片段引用的正是这几个真正要紧的文件。
我的 Logo 会被上传吗?
不会。它是在这里的画布上画出来的,ZIP 也是在这个标签页里打包的。一个还没发布的品牌标志,就应该一直不发布。