跳到主要内容
版本:v7

启动画面与图标

您可以使用 @capacitor/assets 工具为 iOS、Android 或渐进式 Web 应用程序生成启动画面和图标。

首先,安装 @capacitor/assets

npm install @capacitor/assets --save-dev

按照以下文件夹/文件名结构提供图标和启动画面的源图像:

assets/
├── icon-only.png
├── icon-foreground.png
├── icon-background.png
├── splash.png
└── splash-dark.png
  • 图标文件尺寸至少为 1024px x 1024px
  • 启动画面文件尺寸至少为 2732px x 2732px
  • 格式支持 jpgpng

然后执行生成命令(适用于原生项目或生成 PWA 清单文件):

npx capacitor-assets generate

您也可以使用 --ios--android--pwa 参数为特定平台生成资源。

备注

社区维护的 VS Code 扩展 同样可以生成启动画面和图标资源。

Android 12+

在 Android 12 及更高版本中,谷歌改变了启动画面的显示方式,采用较小图标搭配彩色背景的方案,取代了 Android 11 及以下版本支持的全屏图像。关于此变更的详细说明可参阅 developer.android.com