https://icon.kitchen

如果你需要一个简洁清爽的免费 app icon，可以试试这个工具，覆盖了 iOS、Android 以及 Web 全平台。

最近开发了一个 App，记录初生儿每天的一些生理指标，比如体重、黄疸值之类。前期都是在我自己手机上调试，后来队友也想安装一个，于是就想着上架 TestFlight 测试。

寻思着现在 AI 如此发达，用 AI 生成一个 App Icon 应该不是什么难事吧。

为此我找了不少在线 Free 的工具，没想到都不太尽如人意。包括最近比较火的 Canva，但可能是产品设计过于复杂，我运用如此浅的功能竟然都会触发会员和收费，如此着急的产品实在是不想惯着。

其他的譬如之前在 Hacker News 上宣传的工具: LogoFast，虽然使用的确非常方便，但下载下来打包后，会出现奇奇怪怪的白色边框之类的问题。

才知道至少针对 iOS 的 App 而言，icon 的选择还是有很多讲究的：

  • 需要适配不同尺寸，默认应该提供一个 1024x1024 的 png
  • 导出时不要包含透明通道（保存为 RGB 而不是 RGBA）
  • 确保图标完全填充整个方形区域，不要预先添加圆角（iOS 会自动添加）

可以使用 MacOS 的内置工具检查 png 的属性:

sips -g all assets/images/icon.png

检查项如下:

  • pixelWidth 和 pixelHeight: 1024x1024 像素
  • samplesPerPixel: 3 (RGB，没有 Alpha 通道)
  • hasAlpha: no (确认没有透明通道)
  • space: RGB (正确的色彩空间)
  • dpiWidth 和 dpiHeight: 72.000 (标准分辨率)

使用 icon.kitchen 生成的 logo 基本符合上述要求，除了一条: 包含了 alpha 通道。

但这个完全可以通过 ImageMagick 来处理下即可:

magick assets/images/icon.png -background "#FF9999" -alpha remove -alpha off assets/images/icon_no_alpha.png && mv assets/images/icon_no_alpha.png assets/images/icon.png

最后上架时，在实机上测了一把（使用开发者模式），果然没问题了，很满意。