Images can't contain alpha channels or transparencies
Asked Answered
W

23

384

Apple has released new version of iTunes Connect & I got an error message when I tried to set Screenshots on itunes connect for my app.

"Images can't contain alpha channels or transparencies." 

enter image description here

Wedekind answered 5/9, 2014 at 8:43 Comment(7)
That is not mentioned in iTunes Connect Developer Guide: developer.apple.com/library/ios/documentation/…Bithia
Simply convert image to JPG format worked for me!!Toogood
The very first image uploader I wrote myself could take any size jpeg, png, or gif, rotate it correctly, and output a jpeg of the desired compression level. Apparently I can make image uploaders and Apple can't. And unlike Apple I'd never dream of forcing my users to "oh, just strip alpha from the PNG manually! for every picture!".Cumine
It's lame that xcode allows this when iTunes Connect does not.Hydrography
Try out with the simple steps hereEdithe
I get my screenshot from the simulator and it's giving this error. What a joke.Hercules
A Simple Hack!!! Convert You png to jpg format and good to go. [Convert Now][1] [1]: png2jpg.comMontreal
S
284

AFAIK png with transparency is not allowed. use jpg OR update your png (photoshop or whatever you using to create the png) and delete the transparency areas. if you work with shadows, use jpg, that will do no headaches.

Syllogize answered 5/9, 2014 at 9:6 Comment(2)
JPEG is lossy, and it's a terrible, terrible idea. Check out other answers and properly remove transparency.Photogene
You can export to PNG without alpha in Preview. Simply open your image, choose export, select PNG, uncheck Alpha, and click Save. Preview also support batch export if you open all your images at once.Avoid
A
522

I've found you can also just re-export the png's in Preview, but uncheck the Alpha checkbox when saving.

enter image description here

Anabolism answered 8/9, 2014 at 15:6 Comment(7)
Its ridiculous that iTunes Connect won't accept screenshots generated by Xcode considering that's how they recommend you do it.Haiku
For some inexplicable reason, when I do this it cuts the dimensions in half and is now "wrong size" for iTC! WTF Apple???Woaded
It's understandable that with only $178B in cash on hand, Apple can't afford to fix this silly bug, and requires tens of thousands of developers to all tediously perform this operation themselves, over and over again. Ugh.Algie
would that i can give this person 100 votes for solving my problemSocioeconomic
double click photo "file" -> "Export..."Frontiersman
we have to use jpg, not pngTaproom
This is the right answer, but I had to click "Show options" at the bottom left of the file explorer to see the "Alpha" checkbox. Also, it inexplicably wouldn't work with multiple photos at a time. I had to do them one-by-one to remove the alpha.Numerary
S
284

AFAIK png with transparency is not allowed. use jpg OR update your png (photoshop or whatever you using to create the png) and delete the transparency areas. if you work with shadows, use jpg, that will do no headaches.

Syllogize answered 5/9, 2014 at 9:6 Comment(2)
JPEG is lossy, and it's a terrible, terrible idea. Check out other answers and properly remove transparency.Photogene
You can export to PNG without alpha in Preview. Simply open your image, choose export, select PNG, uncheck Alpha, and click Save. Preview also support batch export if you open all your images at once.Avoid
H
131

it's so easy...

Open image in Preview app click File -> Export and uncheck alpha

Heteropterous answered 21/9, 2016 at 8:48 Comment(2)
This will not work on Mac OS High Sierra, please try a lower version to export without alpha. Hope it helps someone.Bondon
Works in Catalina. Replaces any transparency with white.Lakesha
P
93

For this i made a new simple tool. You can remove alpha channel (transparency) of multiple .png files within seconds.

Alpha Channel Remover

You can download from here http://alphachannelremover.blogspot.com

Porter answered 22/9, 2014 at 7:57 Comment(0)
H
82

Use mogrify tool from ImageMagick package to remove alpha channel.

brew install imagemagick
cd folder_with_images
mogrify -alpha off */*.png

Update from May 3

You can tell whether image contains alpha channel by running:

sips -g all image.png

In case you render screenshots in iOS Simulator you can drop alpha channel by passing BOOL opaque = YES to UIGraphicsBeginImageContextWithOptions:

UIGraphicsBeginImageContextWithOptions(imageSize, YES, 0); 
Hypozeuxis answered 21/3, 2015 at 3:37 Comment(1)
The shorter output to check alpha can be achieved with command sips -g hasAlpha *.pngKane
P
37

You must remove alpha channels when uploading a photo to iTunes Connect.

You can do this by Preview, Photos App (old iPhoto), Pixelmator, Adobe Photoshop and GIMP.

Preview

  1. Open the photo in Preview (if the photo is in your photo album in Photos app (the old iPhoto), then simply drag it from the album to desktop. Then control-click (right-click when mouse) the duplicated photo and select Preview.app under Open With menu).

  2. Select Export… under File menu, and after selecting the destination, uncheck Alpha at the bottom, and click Export.

    File ==> Export...

    Alpha

Pixelmator

  1. Open the image in Pixelmator, without creating a new Pixelmator file. Just drag the photo to the Pixelmator window.

  2. From Share menu, click Export for Web…

    PM

  3. In the top bar, deselect Transparency.

  4. Click Next and then save the new file somewhere.

Finally, upload the new photo to iTunes Connect.

GIMP

  1. Open the photo in GIMP.

  2. Open the Layer menu.

  3. Under Transparency, click Remove Alpha Channel.

  4. Save the photo.

Adobe Photoshop

  1. Open the photo in Adobe Photoshop.

  2. Under Layer menu, click Layer Mask and then From Transparency.

  3. Delete the layer mask by right-clicking on the mask in the Layer panel and selecting Delete Layer Mask.

Pavyer answered 26/6, 2015 at 14:3 Comment(1)
This will not work on Mac OS High Sierra, please try a lower version to export without alpha. Hope it helps someone.Bondon
T
11

If you are using Photoshop go File > Save for web (Command + Option + Shift + S). Make sure the Transparency is unchecked and this should work.

Toreutics answered 18/9, 2014 at 16:44 Comment(1)
Strange. This works for single image. But when I try to save actions and perform batch export - resulting images still have alpha.Cogwheel
C
10

Still a problem in 2019 :=)

This worked for me: Select all images you want to upload -> Right click -> Open in Preview -> Export -> Uncheck alpha -> Use the exported images.

Coffelt answered 28/3, 2019 at 21:59 Comment(0)
D
10

Extending Roman B. answer. This is still a problem, I was uploading a cordova app. my solution using mogrify:

brew install imagemagick
* navigate to `platforms/ios/<your_app_name>/Images.xcassets/AppIcon.appiconset`*
mogrify -alpha off *.png

Then archived and validated successfully. 👍

Dragnet answered 24/6, 2019 at 8:3 Comment(0)
M
5

On Pixelmator you can use 'Share > Export for Web...' ( + + E)

enter image description here

and deselect Transparency in the Tool Options Bar.

enter image description here

Mulley answered 19/1, 2015 at 12:8 Comment(0)
B
3

i have same problem just compress your png file on https://tinypng.com/ online and then try to upload that new compressed png file.

its work for me.

Boldface answered 11/9, 2014 at 6:39 Comment(1)
This did not work for me - it still had an alpha channelSamirasamisen
K
3

You can remove the alpha channel from a PNG file from the command line with pngcrush, using the flag "-c 2":

$ file input.png
input.png: PNG image data, 1024 x 1024, 8-bit/color RGBA, non-interlaced
$ pngcrush -q -c 2 input.png output.png
libpng warning: iCCP: known incorrect sRGB profile
$ file output.png
output.png: PNG image data, 1024 x 1024, 8-bit/color RGB, non-interlaced

Note the change from RGBA to RGB: the Alpha channel is gone!

pngcrush lives at http://pmt.sourceforge.net/pngcrush/

Katlin answered 26/11, 2014 at 20:44 Comment(0)
H
3

Faced same issue, Try using JPG format !! What worked for me here was using a jpg file instead of PNG as jpg files don't use alpha or transparency features. I did it via online image converter or you can also open the image in preview and then File->Export and uncheck alpha as option to save the image and use this image.

Hennahane answered 28/6, 2016 at 4:8 Comment(1)
Does this change the quality of the photo?Zellner
D
2

On Windows 10 you can use Paint 3D.

  1. Open the image
  2. Choose "Canvas" in the top menu
  3. De-select the "Transparent canvas" checkbox in the right panel
  4. Save
Distracted answered 22/10, 2021 at 8:33 Comment(1)
This methods works!Tamartamara
D
1

To get around the problem I batched converted using fireworks my png32 files to png24 for upload quick and easy. Jpeg works also but it is lossy.

Doze answered 4/10, 2014 at 4:7 Comment(0)
C
1

Faced same issue, Try using JPG format !!

Catinacation answered 17/6, 2016 at 6:49 Comment(0)
E
1

Photoshop

  1. Slice it
  2. Save for web
  3. Uncheck Transparency
Ejector answered 10/3, 2017 at 0:8 Comment(0)
T
1

You can export to PNG without alpha in Preview. Simply open your image, choose export, select PNG, uncheck Alpha, and click Save. Preview also support batch export if you open all your images at once.

Trouble answered 12/9, 2019 at 11:14 Comment(0)
W
0

If you have imagemagick installed, then you can put the following alias into your .bash_profile. It will convert every png in a directory to a jpg, which automatically removes the alpha. You can use the resulting jpg files as your screen shots.

alias pngToJpg='for i in *.png; do convert $i ${i/.png/}.jpg; done'
Wheatley answered 21/12, 2014 at 19:40 Comment(1)
jpg means quality degradation, I wouldn't do that, only if I really need it to be actually smaller.Jig
A
0

What worked for me here was using a jpg file instead of PNG as jpg files don't use alpha or transparency features. I did it via online image converter or you can also open the image in preview and then File->Export and uncheck alpha as option to save the image and use this image.

Advertisement answered 26/2, 2015 at 7:1 Comment(1)
Yes, but you're asking for trouble using jpegs. They're inherently designed for 'noisy' images like photos, but lead to artifacting on images with a lot of block colours and straight edges like screenshots.Mook
F
0

You can simply create a new Photoshop document and set its default background to White instead of Transparent. Then, copy and paste your image to the newly created document and save it.

Frazier answered 5/9, 2017 at 8:46 Comment(0)
M
0

Exporting from Sketch

To avoid transparency, ensure no layer extends beyond the artboard bounds.

Monocotyledon answered 9/5, 2020 at 20:19 Comment(0)
S
-2

Convert your PNG image to JPEG format.

Schellens answered 14/4, 2015 at 6:8 Comment(1)
ITunes Connect won't accept jpeg for some things. IOS App icon must be png, for example.Fylfot

© 2022 - 2024 — McMap. All rights reserved.