Error ITMS-90717: "Invalid App Store Icon"

Question

When I tried to submit an App to Itunes Connect I got the following error.

iTunes Store Operation Failed

Error ITMS-90717: "Invalid App Store Icon. The App Store Icon in the asset catalog in 'YourApp.app' can't be transparent nor contain an alpha channel."

I made sure that I submitted a file with no transparency. So the error persisted in submission to iTunes Connect.

Looks like a duplicate of https://stackoverflow.com/questions/25681869/images-cant-contain-alpha-channels-or-transparencies to me. — Martin R, Oct 05 '17 at 12:40
@MartinR the question is different. My is when you submitting the app through the Xcode, the question you show is uploading image direct to iTunes Connect. — Haroldo Gondim, Oct 05 '17 at 12:55
Okay, so one big thing I was missing was to rearchive the file. Then upload it again and it work. Maybe some other noobie got stuck at that point, so here I am mentioning it. — konsti1337, Dec 01 '18 at 23:48

score 569 · Accepted Answer · edited Dec 22 '22 at 10:46

569

The below solution worked for me

Click & open the App Store icon (1024*1024) in the preview app.
Export it by unticking the Alpha channel.
Replace the current App Store icon with the newly exported icon image.
Validate and upload.

Note: This will not work on Mac OS High Sierra, please try a lower version to export without alpha or use any one of the image editing applications or try out the below alternatives.

Alternative 1: (Using Sierra or High Sierra and Ionic)

Copy and Paste the App Store icon to the desktop.
Open the image. Click File Menu->Duplicate.
Save it by unticking the Alpha channel.
Replace the current App Store icon with this one.
Validate and upload.

Alternative 2: If duplicate does not work, try doing opening it in preview and then doing file export. I was able to unselect the alpha channel there. – @AlejandroCorredor.

Alternative 3 : Using High Sierra and Ionic, found the problem image in the following folder: [app name]/platforms/ios/[app name]/Images.xcassets/Appicon.appiconset/icon-1024.png. We have to copy it to the desktop and Save As while unchecking Alpha, then rename it to icon-1024.png, then delete the original and copy the new file back to the original folder. Export did not work though no error was displayed and all permissions were set/777. – @RalphHinkley

edited Dec 22 '22 at 10:46

starball

20,030
7
43
238

answered Oct 06 '17 at 16:08

Shamsudheen TK

30,739
9
69
102

2

Worked for me with high sierra – Abdelrahman Ellithy Apr 16 '18 at 06:11
1

I had to regenerate again the resources for ios, after that recompile and "archive". Thanks – AlejandroDG Jul 26 '18 at 01:11
3

Worked for macOS Mojave 10.14.1 and Xcode 10.1 using the first solution. – iphondroid Dec 20 '18 at 07:52
@ShamsudheenTK I am sorry to answer to an old post, but I am not able to solve this error. I did what you wrote and I am pretty sure my image does not have transparency and alpha. Do I need to to do it for all the images, or just for the App Store icon (1024x1024 size)? – Giacomo M Sep 22 '19 at 12:11
@GiacomoM you should apply only to the App Store icon (1024x1024). The other assets are okay with alpha. Could you please check the Alternative option that I mentioned in my answer? Please let me know, if you are experiencing the same issue even after the Alternative option. – Shamsudheen TK Sep 22 '19 at 18:31
@ShamsudheenTK I did something like that. I did not duplicate, I opened the image and I saved it unchecking the alpha tick – Giacomo M Sep 22 '19 at 20:51
@GiacomoM please try to duplicate and save it (uncheck the alpha tick). Replace the old image with the newly created one! – Shamsudheen TK Sep 22 '19 at 21:32
1

@ShamsudheenTK if I duplicate the file I can not check or uncheck anything. The ios just copies the file without any confirm window. – Giacomo M Sep 22 '19 at 22:32
@GiacomoM can you send that image to shamsuk87@gmail.com – Shamsudheen TK Sep 23 '19 at 13:18
if you are getting here using Ionic 4+ it's important to note that after you remove the alpha layer and after you create the resources with `$ ionic cordova resources` you will *need* to rebuild the application with `$ ionic cordova build ios --release` for xCode to recognize the changes! – Ctfrancia Mar 20 '20 at 10:16
1

Works on Catalina. – Al Mamun Feb 28 '21 at 11:31

score 109 · Answer 2 · answered Nov 13 '17 at 12:18

109

I faced the same problem and wasn't able to fix it with the provided solution by Shamsudheen TK. Ionic somehow added transparency to my icons even if the source icon did not have any transparency at all. In the end I was able to resolve it by:

Install imagemagick (MacOS):

brew install imagemagick

Remove alpha channel from all images in resource folder:

find ./resources/ -name "*.png" -exec convert "{}" -alpha off "{}" \;

answered Nov 13 '17 at 12:18

Lukas

2,544
2
18
33

6

Thank you. I sure can't wait until the ionic/cordova team fixes the `resources` command to remove alpha channel from PNG's automatically for iOS builds. – pbnelson Dec 22 '17 at 23:48
I was also having this problem with Ionic app in MacOS High Sierra and this solution worked! Thanks! – Bruno Silvano Jan 04 '18 at 13:09
upon running this command, is there a flag will show whats going on ? – JP. Jan 09 '18 at 03:42
Why showing me `find: convert: No such file or directory` – Yuyang He Jan 26 '18 at 09:16
@Lukas showing this `find: convert: No such file or directory`, is it path problem? I am using ionic3 – Yuyang He Jan 26 '18 at 09:26
Are you in the root folder of your ionic3 project? What is the output of pwd? – Lukas Jan 26 '18 at 10:03
https://stackoverflow.com/questions/48459080/ionic3-invalid-app-store-icon-the-app-store-icon-in-the-asset-catalog-in-you check, please – Yuyang He Jan 29 '18 at 06:16
@Lukas yes, I am in root folder which I running it in VScode – Yuyang He Jan 29 '18 at 06:18
4

@YuyangHe `convert` is part of `imagemagick`. That's why it needs to be installed. – Lucio Apr 04 '19 at 18:20

score 34 · Answer 3 · answered Oct 18 '21 at 11:01

For anyone arriving to this question from Flutter, like myself:

In your pubspec.yaml:

flutter_icons:
  android: false. // I already had android icons
  ios: true
  remove_alpha_ios: true
  image_path: 'assets/images/icon.png' // Your image path

Run flutter pub get
Run flutter pub run flutter_launcher_icons:main to generate the iOS icons without alpha.

This fixed it for me after days of struggling. And yes, I did try all the solutions suggested here. Nothing else worked.

score 33 · Answer 4 · answered Sep 13 '18 at 08:08

Here is a solution that have worked for me on High Sierra

Open the App Store icon (1024*1024) in Preview app(default OSX image viewer).
Click on the File menu from the menu bar and select Export. view screenshot
Uncheck Alpha, select where you would like to export the image and click on the Save button. view screenshot
Replace the current App Store icon with the newly exported icon image.
Validate and upload.

score 16 · Answer 5 · answered Jul 13 '21 at 08:32

16

If you are here and you are using Flutter, try this package https://pub.dev/packages/flutter_launcher_icons

Then add

flutter_launcher_icons:
flutter_icons:
  android: true
  ios: true
  remove_alpha_ios: true
  image_path: "assets/images/logo.png"

to your pubspec.yaml file It solved my own problem for me

answered Jul 13 '21 at 08:32

Dangdat

361
4
7

2

`remove_alpha_ios: true` FTW! – Keith DC Oct 20 '21 at 01:41

score 10 · Answer 6 · answered Jul 07 '19 at 01:13

10

Whatever way you try above you need to test it by upload it to app connect like me to make sure it works and save your valuable time

answered Jul 07 '19 at 01:13

coders

2,287
1
12
20

This one is the best solution to verify. – Ankit Kumar Apr 18 '20 at 17:18
2

This no longer works because App Store Connect is now extracting the icon automatically from the uploaded app release build – Jochen Holzer May 21 '21 at 13:27

Yuyang He · Answer 7 · 2018-03-27T03:51:42.983

7

If showing this error for ionic3 project when you upload to iTunes Connect, please check this ANSWER

This is my project error when I try to vilidated.

Finally follow this ANSWER, error solved.

edited Mar 27 '18 at 03:51

answered Jan 29 '18 at 06:42

Yuyang He

2,252
4
28
51

1

It's specific for Ionic, since this question is not, this answer you pointed doesn't fit this question. – cassmtnr Feb 13 '19 at 19:51

score 7 · Answer 8 · answered Jul 22 '20 at 14:43

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

Solved in Catalina

copy to desktop
open image in PREVIEW APP.
File -> Duplicate Close the first opened preview
after try to close the second duplicated image, then it will prompt to save there you will available to untick AlPHA

look into my screenshot

score 6 · Answer 9 · answered Dec 19 '19 at 13:22

6

Dumb mistake from my part, didn't archive the app after removing alpha. Just kept submitting my old archived app and finding same alpha/transparency error. Hope it helps someone.

answered Dec 19 '19 at 13:22

Cedric Ipkiss

5,662
2
43
72

score 5 · Answer 10 · edited Oct 18 '21 at 15:32

5

If you’re using Sierra or later

Navigate to AppIcon.appiconset folder within your Runner folder
Open App Icon image using preview.
At the topmost left of your screen select File its beside edit.
Within the file drop down select export.
Deselect alpha list item.
Replace the deselected alpha image with old one.

Replicate this for all App Icon images in your Assets.xcassets

edited Oct 18 '21 at 15:32

RobC

22,977
20
73
80

answered Oct 17 '21 at 04:12

gbube tuoyo

51
1
2

score 5 · Answer 11 · answered Mar 17 '22 at 18:47

Generate App icon from here https://appicon.co/
Delete Assets.xcassets file (project->ios->runner)
Copy Assets.xcassets from newly generated icons folder and past here (project->ios->runner)
perform clean build folder from XCode
then archive and upload new build

Krunal · Answer 12 · 2017-10-05T13:08:12.393

3

An error message itself says:

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

All app icon must be square without transparency or semi transparent (alpha value != 1.0).

Hint: App icon may have rounded corners. (Share your app icons here)

Here is Apple guidelines for App Icon - Human Interface

edited Oct 05 '17 at 13:08

answered Oct 05 '17 at 12:54

Krunal

77,632
48
245
261

score 2 · Answer 13 · answered Sep 27 '18 at 03:31

2

I tried several of the things mentioned in this post (besides swapping to a .jpg) with no success. I solved it by opening the file in photoshop and using 'export to web'. Within that process/window is a checkbox for transparency.

answered Sep 27 '18 at 03:31

alloyking

341
3
10

score 1 · Answer 14 · answered Nov 16 '19 at 18:18

1

If you don't have a mac, on windows you can open Paint and save as PNG with correct dimensions 1024x1024

answered Nov 16 '19 at 18:18

jhonatan_yachi

301
2
4

score 1 · Answer 15 · answered Jan 06 '20 at 02:19

Remove the alpha channel using this command in the folder 'Images.xcassets', this command will remove all alpha channels from your .png files and it will put the background color to white

for i in `ls *.png`; do convert $i -background white -alpha remove -alpha off $i; done

score 1 · Answer 16 · answered Dec 15 '20 at 10:50

1

If you're facing this issue in Flutter then you're good to go here.

Issue is indicating you're using .png as image asset. Just try to replace .png to .jpg and build your project again..!!

Use this plugin. - flutter_launcher_icons: ^0.8.1

flutter_icons:
  android: "ic_launcher"
  image_path_android: "assets/logo_panda.jpg"
  ios: true
  image_path_ios: "assets/logo_panda.jpg"

Make sure you're using the .jpg image extension as the image path.

This help me to upload the app to the App Store.

answered Dec 15 '20 at 10:50

jaspreet Singh

298
1
3
16

Very simple and nice answer. – M E S A B O Aug 17 '21 at 00:34
1

The dedicated `remove_alpha_ios` flag is the recommended way, since image quality may differ for JPG files compared to PNG – fravolt May 23 '22 at 11:46

score 0 · Answer 17 · edited Oct 01 '19 at 05:42

0

I was able to get around the Mac Sierra OS issue by duplicating the file, dragging the new file onto my desktop, open in preview, then click the export option (in the File menu) , then the option to save it without “alpha” comes up

edited Oct 01 '19 at 05:42

mredig

1,736
1
16
29

answered Jul 27 '18 at 22:15

Coding while Loading

403
1
7
21

Marwan · Answer 18 · 2018-09-15T12:34:05.917

0

Use Alpha Channel Remover. It lets you drag icons into the app and it'll remove transparency.

Download it from here: http://alphachannelremover.blogspot.com

Update: this is not my site

edited Sep 15 '18 at 12:34

answered Aug 13 '18 at 21:01

Marwan

76
1
7

Extra info: since iOS 8, Apple doesn't accept icons with transparency. You have to design a square icon, which can be a background color of choice with your icon in the center. – João Souza Aug 13 '18 at 21:38
4

Is this your site? Please explicitly state if it is or not. – Filnor Sep 13 '18 at 08:13

score 0 · Answer 19 · answered Jan 04 '19 at 21:26

I had this problem and it was because my app store icon wasn't explicitly listed in my config.xml. Once I added the line

<icon height="1024" src="www/res/icon/ios/icon-1024.png" width="1024" />,

cordova copied it over correctly without adding an alpha channel.

score 0 · Answer 20 · edited Apr 19 '20 at 08:03

0

Alternative:(Using Sierra or High Sierra and Ionic)

Copy and Paste the App Store icon to the desktop.
Open the image. Click File Menu->Duplicate.
Save it by unticking the Alpha channel.
Replace the current App Store icon with this one.
Validate and upload.

edited Apr 19 '20 at 08:03

Ankit Kumar

280
2
17

answered Nov 16 '19 at 05:42

Supriya

481
5
5

score 0 · Answer 21 · answered Feb 24 '20 at 17:14

I also shell script using ffmpeg to resize images without alphachannel. It worked for png format fine.

# Export ios app icons by ffmpeg scale command
# usage: sh export_ios_icons.sh {path_to_your_img}
# example: sh export_ios_icons.sh ./app_icon.png

# sizes of images
# you can get other size images by editing thisarray
size=(20 40 60 29 58 87 80 120 180 76 152 167 1024)
for i in "${size[@]}"
do
   : 
    ffmpeg -i $1 -vf scale=$i:$i output_$ix$i.png
done

score 0 · Answer 22 · edited May 10 '21 at 12:23

I also tried exporting without alpha it did not work for me but I figured it out that why I was getting error. I create an AppIcon using Figma & Sketch, but I tried to make a 2D geometry shape to 3D viewable. So I assume that I can achieve it by using some shadows & the same geometry but with lower alpha-like %70. After that, I got the AppIcon and export it without Alpha ticking but the problem was the main source of the image includes a container with lower alpha-like I did. So I change it to another graphical shape without alpha and it worked.

score 0 · Answer 23 · answered Jul 07 '21 at 09:25

I am using Windows so in my case I used paint.net.

Open the icon in question and click Ctrl+S
A Save configuration dialog will pop out.
Select 24-bit Depth

After this icons got accepted.

P.S Another option colleague suggested was to simply open with ms paint and save it, since paint does not support transparency, but I haven't tested it.

score 0 · Answer 24 · answered Mar 03 '23 at 09:08

Firt of all I change the logo to unAlpha and replace the previous icons via $flutter pub run flutter_launcher_icons but it still doesn't work. I removed finally the unassigned AppIcons & remove from the Contents.json all over icons such as iPad &TV icons cause I specified only iPhone version then It's work for me.

score -3 · Answer 25 · edited Apr 19 '20 at 05:51

-3

changed the icon from .png format to .jpg and everything went well.

edited Apr 19 '20 at 05:51

Ankit Kumar

280
2
17

answered Jul 08 '19 at 15:44

Алексей Ляшенко

1

Error ITMS-90717: "Invalid App Store Icon"

25 Answers25

Linked