Error ITMS-90717: "Invalid App Store Icon"

IosXcodeApp StoreApp Store-Connect

Ios Problem Overview

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."

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

Ios Solutions

Solution 1 - Ios

The below solution worked for me

  1. Click & open the App Store icon (1024*1024) in the preview app.
  2. Export it by unticking the Alpha channel.
  3. Replace the current App Store icon with the newly exported icon image.
  4. 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)

  1. Copy and Paste the App Store icon to the desktop.
  2. Open the image. Click File Menu->Duplicate.
  3. Save it by unticking the Alpha channel.
  4. Replace the current App Store icon with this one.
  5. 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. – by Alejandro Corredor.

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. Hope this helps save someone the day I just lost. – by Ralph Hinkley

enter image description here

Solution 2 - Ios

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 "{}" ;

Solution 3 - Ios

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

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

Solution 4 - Ios

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

enter image description here

enter image description here

Solution 5 - Ios

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

Solution 6 - Ios

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. enter image description here

Finally follow this ANSWER, error solved. enter image description here

Solution 7 - Ios

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

  1. 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

  1. Run flutter pub get

  2. 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.

Solution 8 - Ios

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.

Solution 9 - Ios

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

  1. copy to desktop
  2. open image in PREVIEW APP.
  3. File -> Duplicate Close the first opened preview
  4. 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

nvalid App Store Icon Solved in Catalina

Solution 10 - Ios

Even the .png file without transparency the error persists.

The solution was to change the .png file to a .jpg file.

enter image description here

Solution 11 - Ios

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

Solution 12 - Ios

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.

Solution 13 - Ios

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.

Solution 14 - Ios

If you’re using Sierra or later

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

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

Solution 15 - Ios

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

Solution 16 - Ios

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

Solution 17 - Ios

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

Solution 18 - Ios

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

Solution 19 - Ios

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.

Solution 20 - Ios

Alternative:(Using Sierra or High Sierra and Ionic)

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

Solution 21 - Ios

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

Solution 22 - Ios

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.

Solution 23 - Ios

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

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

enter image description here

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.

Solution 24 - Ios

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

Solution 25 - Ios

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

Categories
Recommended Ios Solutions
Recommended Xcode Solutions
Recommended App Store Solutions
Recommended App Store-Connect Solutions

Previous Solution:

Cloud Firestore collection count

FirebaseGoogle Cloud-Firestore

Next Solution:

Avoid "current URL string parser is deprecated" warning by setting useNewUrlParser to true

node.jsMongodbTypescriptExpressMongoose

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionHaroldo GondimView Question on Stackoverflow
Solution 1 - IosShamsudheen TKView Answer on Stackoverflow
Solution 2 - IosLukasView Answer on Stackoverflow
Solution 3 - IosShukovView Answer on Stackoverflow
Solution 4 - IoscodersView Answer on Stackoverflow
Solution 5 - IosDangdatView Answer on Stackoverflow
Solution 6 - IosYuyang HeView Answer on Stackoverflow
Solution 7 - IosGraciela CarrilloView Answer on Stackoverflow
Solution 8 - IosCedric IpkissView Answer on Stackoverflow
Solution 9 - Iosabhijith kView Answer on Stackoverflow
Solution 10 - IosHaroldo GondimView Answer on Stackoverflow
Solution 11 - IosKrunalView Answer on Stackoverflow
Solution 12 - IosalloykingView Answer on Stackoverflow
Solution 13 - Iosjaspreet SinghView Answer on Stackoverflow
Solution 14 - Iosgbube tuoyoView Answer on Stackoverflow
Solution 15 - Iosjhonatan_yachiView Answer on Stackoverflow
Solution 16 - Iosfsalazar_schView Answer on Stackoverflow
Solution 17 - IosCoding while LoadingView Answer on Stackoverflow
Solution 18 - IosMarwanView Answer on Stackoverflow
Solution 19 - Iosfrodo2975View Answer on Stackoverflow
Solution 20 - IosSupriyaView Answer on Stackoverflow
Solution 21 - IoskazuwombatView Answer on Stackoverflow
Solution 22 - IoseemrahView Answer on Stackoverflow
Solution 23 - IosMatas VaitkeviciusView Answer on Stackoverflow
Solution 24 - IosAtif AhmadView Answer on Stackoverflow
Solution 25 - IosАлексей ЛяшенкоView Answer on Stackoverflow