生成一套 favicon

大多数生成器会先上传你的 Logo,再给你一个 ZIP。这个工具在浏览器里生成同样一整套,包括一个真正的多分辨率 .ico,而不是把 PNG 改个后缀名了事。

正在加载工具……

工作原理

  1. 拖入一张正方形图片 —— 512×512 或更大,或者一个 SVG。
  2. 设置应用名称、主题色,以及 Android 可遮罩图标的安全边距。
  3. 生成并下载这个 ZIP,然后把里面的 HTML 代码片段粘贴进你的 <head>。

为什么什么都不用上传

这个页面上的每一步操作,都由运行在你浏览器标签页里的代码完成,用的就是渲染网页的那套引擎。文件从磁盘读进标签页的内存,在那里被处理,再作为下载写回去。它不会被送到任何地方 —— 不会送给我们,也不会送给第三方。

自己动手验证

  1. 打开浏览器的开发者工具(F12),选择“网络”(Network)面板。
  2. 载入你的文件,运行这个工具。
  3. 你能看到的请求只有这些:工具自己的代码 —— 少数几个重型工具还会从公共 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 也是在这个标签页里打包的。一个还没发布的品牌标志,就应该一直不发布。