如何为 iOS、Android 和 macOS 生成应用图标 (免费且私密)

发布于 2024年9月15日

每个移动开发者都懂那种痛。你完成了应用的构建,逻辑稳固,UI 精美,准备提交到 App Store 或 Google Play。但是等等——你还需要生成应用图标。

不只是一个图标,而是几十个

  • iOS 需要从 20px 到 1024px 不等的尺寸,用于通知、设置、聚焦搜索和主屏幕。
  • Android 需要适应不同屏幕密度的自适应图标(mdpi、hdpi、xxhdpi 等)。
  • macOSwatchOS 也有它们自己的特定要求。

在 Photoshop 或 Figma 中手动完成这项工作既繁琐又容易出错。错误地命名一个文件为 [email protected] 可能会导致 Xcode 构建错误。

这就是我们创建**免费应用图标生成器**的原因。它能在几秒钟内将您的单个主图片转换成一个完整的、可随时提交的资源包。

为什么使用这个工具而不是 Photoshop?

1. 为 Xcode 和 Android Studio 准备就绪

我们不只是调整图片大小;我们构建它们的结构。

  • 对于 iOS/Mac: 您会得到一个完全格式化的 AppIcon.appiconset 文件夹,附带一个有效的 Contents.json 文件。您可以简单地将这个文件夹拖放到您的 Xcode Asset Catalog 中,每个尺寸槽都会被自动填充。
  • 对于 Android: 您会得到标准的 res 目录结构,带有组织好的 mipmap- 文件夹,可以直接粘贴到您的项目中。

2. 隐私优先 (无上传)

大多数在线图标生成器要求您将设计上传到他们的服务器。这为未发布的应用或受保密协议保护的设计带来了风险。 我们的工具 100% 在您的浏览器中运行。 我们使用 WebAssembly 和现代浏览器 API (Pica) 在您的设备上调整图片大小。您的图标永远不会离开您的电脑。

3. 实时预览

很难想象您的方形图标在被操作系统遮罩后会是什么样子。

  • iOS 预览: 在模拟的主屏幕上查看带有经典“圆角矩形”遮罩的图标。
  • Android 预览: 查看它作为圆形自适应图标和在 Play Store 列表中的样子。
  • macOS 预览: 检查带有 Big Sur 风格阴影的 Dock 美学。

设计应用图标的最佳实践

在使用生成器之前,请确保您的主文件遵循这些规则以获得最佳效果:

规则 1:使用 1024x1024 的源文件

始终从高分辨率的图片开始。App Store 要求营销图标为 1024x1024 像素。我们的工具使用高质量的 Lanczos3 重采样算法将此图片缩小到更小的尺寸,同时保持其清晰度。如果您上传一张小图片(例如 200px),结果在视网膜屏幕上会看起来模糊。

规则 2:不要处理圆角

这是最常见的错误。 不要对您的主文件应用圆角遮罩或透明圆角。上传一个全出血的方形图片。

  • iOS 会自动应用圆角遮罩。如果您自己处理圆角,可能会出现奇怪的白色伪影或双重边框。
  • Android 也会根据用户的设备主题应用自己的遮罩(圆形、方形、圆角矩形)。

规则 3:保持简单

图标在很小的尺寸下被查看(在设置中可小至 20px)。

  • 避免使用文字(它会变得难以辨认)。
  • 避免使用照片(矢量和简单形状效果最好)。
  • 使用简单的背景和清晰的中心焦点。

如何将图标添加到您的项目中

一旦您从我们的应用图标生成器下载了 ZIP 文件,以下是如何使用它:

对于 Xcode (iOS / macOS / Watch)

  1. 解压文件。打开名为 iphone(或 mac 等)的文件夹。
  2. 在您的下载中找到 Assets.xcassets 文件夹。
  3. 打开您的 Xcode 项目。
  4. 在项目导航器中导航到您的 Assets.xcassets 文件。
  5. 删除现有的空 AppIcon 条目。
  6. 将您下载的 AppIcon.appiconset 文件夹直接拖放到 Xcode 资源列表中。
  7. 完成!所有尺寸都已分配。

对于 Android Studio

  1. 解压文件并打开 android 文件夹。
  2. 您会看到像 mipmap-mdpimipmap-hdpi 等文件夹。
  3. 导航到您的 Android 项目目录:app/src/main/res/
  4. 将下载文件夹的内容复制到您项目中的相应文件夹中。
  5. Android 现在会根据设备的屏幕密度自动选择正确的图标尺寸。

总结

不要浪费时间手动调整大小和重命名文件。一个专业的应用图标对转化率至关重要,而技术设置应该毫不费力。

→ 前往应用图标生成器,立即为您的发布准备好资源。

相关指南