Error ITMS-90717: "Invalid App Store Icon" - ios

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.

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

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

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.

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.

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

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

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.

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.

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

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

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

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

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.

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

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

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.

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

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.

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

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

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.

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.

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.

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

Related

Image suggestions are not working Xcode 10

I am trying to set image to UIImageView. Its working well in older version.
In Xcode 9.4.1
But in Xcode 10
When I am trying to type name of image, image suggestion is not showing.
Even "Image Literal" is not working. Double clicking on above icon also not working.
Is there any setting in Xcode preferences?
How to enable image suggestion like before?
In Xcode 10 and Swift 4.2, only the code completion function (or auto-complete) of the Xcode IDE has been discontinued for the old way. Here is the new way:
Just type image literal and it will complete with default icon.
Double click on this icon and it will open the media library right side of it.
Just choose your image and it work like before!
Hope I am able to help you!
https://download.developer.apple.com/Developer_Tools/Xcode_10_beta_3/Release_Notes_for_Xcode_10_beta_3.pdf
Code Completion for Swift image literals has been removed in Xcode 10. (38087260)
There seem to be some real issues with how Xcode 10 handles image literals, especially when the name you provide your assets doesn't align with the filename of those assets.
The following are the steps I've found will restore image literal previews.
Add an image via the media library picker.
If you have multiple resolutions for your image (e.g. #1x, #2x, #3x), Xcode will inconveniently drop them all into your code and throw an error to let you know you've done something naughty.
Delete two of the faulty image previews, if necessary. You may be left with a default image icon instead of a preview of your actual image.
Comment out the lines on which you're setting the image. You'll see the image literal references the filename of your asset rather than the name you've provided in the asset catalog.
If you've renamed your assets after adding them to your asset catalog, this seems to sometimes prevent Xcode from reading the asset appropriately.
Change the filenames to the appropriate asset names.
You can find the asset names in your asset catalog.
Uncomment the code and, if the default image icon is still visible, double click on the image icon. It should then display a preview of your actual asset.
You may also need to clean and rebuild your project.
use command + shift + M to popup the Media Library then Simply Drag and Drop into your Code
OR

ImageView in Xamarin.iOS LaunchScreens: Set image

I want to change/set the image in my launch screen for my Xamarin.iOS App.
Opening LaunchScreen.storyboard in my Visual Studio 2017 (Win10), I get the storyboard editor as expected.
But if I want to change (or even set) the Image-Property of the default ImageView (or a newly added one), the default file open dialogs comes up - and no matter what image file I select, nothing changes.
Do the images for the launch screen storyboard comply some criteria? e.g. filetype? location?
Update:
This is the property I try to set with an image:
As files I tried several PNG images - all working well as images in my normal Xamarin Views or as Icons.
I think your problem is that you can try this way,rebuild your project when you create a new xarmain.ios project.
Try the following steps

Image loading into UIView

I'm loading an image into my UIView background as a background color from a file stored in my xcode project. It works fine on the iPhone simulator but when I compile on my iPhone, the image isn't there in the background, which is obviously due to the fact that the image isn't stored as a file on phone. Is there a way to hard code an image so it's transported to different devices, forgoing the need to have an image file present?
When dragging a image(or any other reseources), be sure to check this option: Copy items into destination group's folder. In this way, your image will be store in the app bundle, instead to just reference from some path inside your pc.
Here's of this checkbox:
Have you tried
adding the image to the bundle in the copy files build phase?
This will put the image into your app so it will always be there.
Image load important point:
1.Make sure your image below your project document, the true path or relative path.
2.Image name differentiate uppercase and lowercase on the iphone but not use the iphone simulator.
3.Use Xcode shotcuts 'command+shift+K' to clear your project then run again, judge for if the image cached or not.
Run run run!
Happened to me once as well. Remember that if you're using [UIImage imageNamed:#"imageName"];, then with the iOS simulator, you don't need the letters to be in the right case. If your image is named "IMAge.png", then the simulator would find it with the parameter "image.png", but the device wouldn't. So make sure you've got the correct name, the device is case-sensitive.

Ios app icon not shown and name missing why?

I am having some problems with icon & name of my app and although I finished my app because of these I cant publish it.Its not a code related problem and because of that I asked it on diffrent forums but none gave me right answer so as a last hope I decided to ask it here.
1)I managed to put 57x57 px png icon for my app and when I put the it on my phone it's oke but in itunes my app is shown without a icon.I thought that putting 114x144 px icon should solve this problem but I cant do it.When I rightclick and select the "select-file" in 57x57 I can put any png there but its not avalible on 114x114 when I rightclick there is no "selectfile" option and other options aswell.Also same problem happens in launch images.
Is it the reason of no icon showing problem in my itunes or my app can work without it?
In some pages I saw people talking about putting all png files in root with a info file and made it automaticly but I couldt find any tutorial about it.
2)My second problem is about the name.My project name is kdd2 but of course its not my app name kdd2 was a simple name I gave it a month ago.When I disturbute my app I change the name and save it to my desktop.In desktop its shown with the name I wrote it but when I put it in ıtunes or iPhone its name again changes to kdd2 how can I solve it ?
Please help me solve these problems I just cant find any answer around thanks...
To change the app name:
-Click your project in the navigator in Xcode.
-Go to "Build Settings" tab.
-Change "Product Name" under "Packaging'.
To set the icon:
You must right lick the border then "Select File". Do not right click "No image specified".

Could not load the image referenced from a nib in the bundle with identifier

I had got an iPad application.The ViewContrtoller.xib has got an UIImageView in it. The UIImage of the UIImageView is set through Interface Builder. When I run the application in simulator everything is fine. But when I am trying to run it in iPad the UIImage is not loaded. The message that I am getting is:
HexaPuzzle1.0[3259:207] Could not load the "start.png" image referenced from a nib in the bundle with identifier "com.yourcompany.HexaPuzzle1-0"
2010-12-17 10:57:27.221 HexaPuzzle1.0[3259:207] HexaPuzzle loaded
Any help would be appreciated and will be a great help for me.
The issue has been rectified.
Problem was with the image format. When the image has been edited and saved as PNG-24 everything goes fine.
The application now runs smoothly in simulator and device.
Thanks for all friends who suggested a solution and tried to helped me.
Regards,
Rupesh R Menon
I know it's very late, but this is a solution that also works in Xcode 5, and therefore likely to be useful to people who have this problem in the future.
I have seen a lot of questions like this on the web but none of them seems to have one clear answer. This is, as far as I know, the solution for this problem:
Go to the image in Xcode (no need to re-add or re-generate the
image)
click "show the file inspector"
Make sure the checkbox in the category "Target Membership" is checked. the test check box does not have to be checked to make your app load the image.
The target membership tab looks like this:
if this is already the case, you are working with a broken or damaged file. to rule this out, check if another app (like photoshop) can open your image.
This should do it, hope it helps!
When dragging your start.png file into your project, did you check this option?
I was getting this error in the simulator after upgrading to Xcode 7 / iOS 9 and opening an existing project. The image was present and named correctly, within an XCAssets package.
Turns out the problem was with a parameter within the XCAssets package.
Changing Render As from Default to Original Image solved the problem:
I've had the same problem before. The png file format is not right. Try re-generate the png image file and the problem will be solved.
None of the above worked for me, and the message I got was "could not load the "(null)" image referenced... which means I could not look for the image. Very frustrating. In the end it became a trial and error exercise of going through every xib and storyboard looking for potential conflicts. I finally found it - I had specified a "Selected Image" for a tab bar item which was not needed. As soon as I got rid of that the problem went away.
None of these things work for me. I created a new folder in the projects where I placed the pictures. That worked for me.
This problem was fixed when I changed "add folder reference..." to "add group..." when I import the images to my project. I'd prefer to have folders with live updating, but at least it works now.
Had an image on a XIB (which is replaced by the correct one in code). After finishing this XIB, I renamed the images. So XIB was now referencing a non-existent image.
There is also another potential cause of this problem: If you upgraded to XCode 5 and use both the image asset catalog and "normal" images copied to your project (like you did prior XCode 5). If you then have images with identical names (e.g. "dog.png" and a image set called "dog") it might work in your storyboard and in the simulator, but you'll get this message when run on a real device (where the image will not be shown).
Try moving the images directly to the Resources directory (not in a sub folder)
Make sure the resource isn't too big to be handle.
If you get the error message with the name of the picture, you can search it inside your project and xCode will display immediately the UIImageView with the wrong picture inside UIStoryboard:
Make sure it is included in your Target Membership
Select your "Images.xcassets" file in the file Inspector
Open File Inspector (cmd + opt + 1)
Select your target membership (Usually 1st line)
I had the same problem, but the cause was very different. I was using image sets in the Asset Catalog that varied based on the device idiom: iPad or iPhone.
The framework target they were being added to had been accidentally marked as as having a deployment device type of iPhone, so the images weren't showing up on iPads - they weren't even being copied into the .car file in the framework.
Setting the deployment device type to Universal, as it should have been, solved the problem.
For some reason I was getting error until I put the image in the Assets.xcassets

Resources