CODEWITHSUNDEEP
iosiphoneitunesapp-store-connect
Yasika Patel
Yasika Patel

Reputation: 6486

Images can't contain alpha channels or transparencies

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

Upvotes: 393

Views: 214585

Answers (23)

Marek Manduch
Marek Manduch

Reputation: 2491

it's so easy...

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

Upvotes: 142

kjetilh
kjetilh

Reputation: 4976

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

Upvotes: 4

Seyed Parsa Neshaei
Seyed Parsa Neshaei

Reputation: 3520

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.

Upvotes: 38

invisible squirrel
invisible squirrel

Reputation: 3008

Exporting from Sketch

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

Upvotes: 0

Usama Ali
Usama Ali

Reputation: 129

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.

Upvotes: 1

M. Junaid Salaat
M. Junaid Salaat

Reputation: 3783

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

Upvotes: 9

jcubero
jcubero

Reputation: 397

Photoshop

  1. Slice it
  2. Save for web
  3. Uncheck Transparency

Upvotes: 1

Kristian
Kristian

Reputation: 2281

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.

Upvotes: 10

user2298995
user2298995

Reputation: 2173

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.

Upvotes: 0

Rahul Parikh
Rahul Parikh

Reputation: 71

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.

Upvotes: 3

Amit Ajmera
Amit Ajmera

Reputation: 1467

Faced same issue, Try using JPG format !!

Upvotes: 1

Roman B.
Roman B.

Reputation: 3638

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);

Upvotes: 83

kalpeshdeo
kalpeshdeo

Reputation: 1274

Convert your PNG image to JPEG format.

Upvotes: -3

Som
Som

Reputation: 122

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.

Upvotes: 0

H6_
H6_

Reputation: 32857

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

Upvotes: 5

William Jockusch
William Jockusch

Reputation: 27335

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'

Upvotes: 0

codehead
codehead

Reputation: 2115

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/

Upvotes: 3

Matthew
Matthew

Reputation: 161

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.

Upvotes: 1

bpolat
bpolat

Reputation: 3908

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

Upvotes: 93

Hector Lopez
Hector Lopez

Reputation: 313

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

Upvotes: 11

nizama bunti
nizama bunti

Reputation: 377

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.

Upvotes: 3

Smikey
Smikey

Reputation: 8236

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

Upvotes: 527

brush51
brush51

Reputation: 5781

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.

Upvotes: 288

Related Questions