ionic3 - Invalid App Store Icon. The App Store Icon in the asset catalog in 'YourApp.app' can't be transparent nor contain an alpha channel

Question

My ionic3 project build IOS successed, but when I upload it to itunes connect error showing

then I try follow this ANSWER, but showing this for me find: convert: No such file or directory

EDIT:

I installed imagemagick using npm install imagemagick not brew install imagemagick

then running find ./resources/ -name "*.png" -exec convert "{}" -alpha off "{}" \; showing find: convert: No such file or directory.

Answer 1

Error solved!! Because of my ionic3 project contains icon alpha channel problem. And thanks to @Raptor.

1. I tried to close icon alpha channel by photoshop.
2. Delete ./resources/ios/icon all icons which in IOS folder.
3. Run ionic cordova resources ios.
4. Rebuild ios ionic cordova build ios --prod, error solved.

If still got error or any problem, just comment here and I will try to help you.

Answer 2

You need to do this on XCode on your Assets catalog. Like (from Apple)

At the bottom of that screen you will see the required field:

It should be a 1024x1024 image

Answer 3

If you don't have Photoshop, you can also try it in the free Paint.Net:

• Load the file and save it again but select 24 bits in the options.
• You will see in the preview that the image will be rendered against a white background.

Thanks Midora from https://forums.getpaint.net/topic/30381-removing-the-alpha-channel/

Answer 4

The find command syntax is not correct, this way you get the message, this how you should use find command :

  find . -type f \( -iname \*.png \)  -exec convert "{}" -alpha off "{}" \;