You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
cordova-res is a utility built by Ionic for generating icon and splash
screen resources locally. See the GitHub repo:
https://github.com/ionic-team/cordova-res
BREAKING CHANGE: `ionic cordova resources` no longer generates resources
using Ionic servers by default. Instead, `cordova-res` is used to
generate resources locally. PSD and AI file formats are no longer
supported in this new flow. The old behavior is available by specifying
`--no-cordova-res`.
summary: 'Automatically create icon and splash screen resources',
25
25
description: `
26
-
Ionic can automatically generate perfectly sized icons and splash screens from source images (${strong('.png')}, ${strong('.psd')}, or ${strong('.ai')}) for your Cordova platforms.
26
+
Generate perfectly sized icons and splash screens from PNG source images for your Cordova platforms with this command.
27
27
28
28
The source image for icons should ideally be at least ${strong('1024×1024px')} and located at ${strong('resources/icon.png')}. The source image for splash screens should ideally be at least ${strong('2732×2732px')} and located at ${strong('resources/splash.png')}. If you used ${input('ionic start')}, there should already be default Ionic resources in the ${strong('resources/')} directory, which you can overwrite.
29
29
30
30
You can also generate platform-specific icons and splash screens by placing them in the respective ${strong('resources/<platform>/')} directory. For example, to generate an icon for Android, place your image at ${strong('resources/android/icon.png')}.
31
31
32
-
By default, this command will not regenerate resources whose source image has not changed. To disable this functionality and always overwrite generated images, use ${input('--force')}.
33
-
34
32
For best results, the splash screen's artwork should roughly fit within a square (${strong('1200×1200px')}) at the center of the image. You can use ${strong('https://code.ionicframework.com/resources/splash.psd')} as a template for your splash screen.
35
33
36
34
${input('ionic cordova resources')} will automatically update your ${strong('config.xml')} to reflect the changes in the generated images, which Cordova then configures.
37
35
36
+
This command uses the ${input('cordova-res')} utility[^cordova-res-repo] to generate resources locally. You can also login to your Ionic account and use Ionic servers to generate icons and splash screens with ${input('--no-cordova-res')}.
This command uses Ionic servers and we require you to be logged into your free Ionic account. Use ${input('ionic login')} to login.
43
-
44
-
With the experimental ${input('--cordova-res')} option, ${input('ionic cordova resources')} will generate resources locally using the ${input('cordova-res')} utility[^cordova-res-repo].
45
41
`,
46
42
footnotes: [
47
43
{
@@ -57,12 +53,6 @@ With the experimental ${input('--cordova-res')} option, ${input('ionic cordova r
57
53
},
58
54
],
59
55
options: [
60
-
{
61
-
name: 'force',
62
-
summary: 'Force regeneration of resources',
63
-
type: Boolean,
64
-
aliases: ['f'],
65
-
},
66
56
{
67
57
name: 'icon',
68
58
summary: 'Generate icon resources',
@@ -77,9 +67,16 @@ With the experimental ${input('--cordova-res')} option, ${input('ionic cordova r
77
67
},
78
68
{
79
69
name: 'cordova-res',
80
-
summary: `Use ${input('cordova-res')} instead of Ionic resource server`,
70
+
summary: `Do not generate resources locally; use Ionic servers`,
0 commit comments