API 浏览器
Quasar CLI with Webpack - @quasar/app-webpack
Capacitor 应用图标

就图标而言,Capacitor 是所有构建目标中最复杂的之一,因为你不仅需要将图标放置在特定的文件夹中,还需要在两个平台(Android 和 iOS)的配置文件中注册它们。

¥Capacitor is one of the most complicated of all of the build targets as far as icons go, because not only do you need to place the icons in specific folders, you also need to register them in config files for both platforms (Android, iOS).

如果你发现一个新文件或缺失的文件,请 提交问题

¥If you discover one file that is new or missing, please open an issue.

Icon Genie CLI(Icon Genie CLI)

提示

我们强烈建议你使用 Icon Genie CLI,因为它会读取源图标并自动克隆、缩放、最小化图标,并将其放置在合适的目录中。如有需要,它还会告诉你需要在 /index.html 文件中添加哪些标签。

¥We highly recommend using the Icon Genie CLI, because it consumes a source icon and automatically clones, scales, minifies and places the icons in the appropriate directories for you. When needed, it also tells you what tags you’ll need to add to your /index.html file.

使用 Icon Genie CLI 快速引导必要的图片。要查看完整的选项列表,请访问 Icon Genie CLI 命令列表页面。

¥Quickly bootstrap the necessary images with Icon Genie CLI. For a complete list of options, please visit the Icon Genie CLI command list page.

$ icongenie generate -m capacitor -i /path/to/source/icon.png [-b /path/to/background.png]

根据你使用的打包程序(@electron/packager 或 electron-builder),请参阅其文档以了解如何挂载图标。

¥Depending on what packager (@electron/packager or electron-builder) you will be using, please see their docs on how to hook the icons.

手动说明(Manual instructions)

¥Manual instructions

除非你使用的是 Icon Genie 应用扩展程序,否则你需要替换以下文件:

¥Unless you are using the Icon Genie app extension, these are the files that you need to replace:

splash.png
splash.png
splash.png
splash.png
splash.png
splash.png
splash.png
splash.png
splash.png
splash.png
splash.png
ic_launcher.png
ic_launcher_foreground.png
ic_launcher_round.png
ic_launcher.png
ic_launcher_foreground.png
ic_launcher_round.png
ic_launcher.png
ic_launcher_foreground.png
ic_launcher_round.png
ic_launcher.png
ic_launcher_foreground.png
ic_launcher_round.png
ic_launcher.png
ic_launcher_foreground.png
ic_launcher_round.png
AppIcon-20x20@1x.png
AppIcon-20x20@2x-1.png
AppIcon-20x20@2x.png
AppIcon-20x20@3x.png
AppIcon-29x29@1x.png
AppIcon-29x29@2x-1.png
AppIcon-29x29@2x.png
AppIcon-29x29@3x.png
AppIcon-40x40@1x.png
AppIcon-40x40@2x-1.png
AppIcon-40x40@2x.png
AppIcon-40x40@3x.png
AppIcon-512@2x.png
AppIcon-60x60@2x.png
AppIcon-60x60@3x.png
AppIcon-76x76@1x.png
AppIcon-76x76@2x.png
AppIcon-83.5x83.5@2x.png
splash-2732x2732-1.png
splash-2732x2732-2.png
splash-2732x2732.png