Search code examples
iosapp-storescreenshotapp-store-connect

AppStore Connect displayed screenshots wrong colorspace

Does anybody know a way to force AppStore Connect to use the right colorspace when displaying screenshots? This problem has never occurred in the past, but know I'm facing this new issue.

Here is the original screenshot, before it's uploaded: Screenshot with right colorspace

And here is the AppStore Connect screenshot: Screenshot with wrong colorscheme

I have tried applying a different color profile to the image and then re-uploading it to AppStore Connect, but nothing changed for me.

Furthermore, I've noticed that at first it seems that AppStore Connect is using the right colorspace, but after saving and reloading the page, the wrong colorspace is used again.

Solution

  • I found a solution for this so I've decided to share it here, just in case someone else needs it.

    Prior to upload to AppStore Connect, you need to:

    1. Remove the alpha channel from the PNG image, using Preview on macOS.
    2. Open the screenshot image using the ColorSync Utility of macOS.
    3. Select Match to Profile.
    4. Choose the right ColorSync Profile.
    5. Click Apply to save the changes to the screenshot image.
    6. Select Assign Profile and repeat step 4 and 5.
    7. Select Apply Profile and repeat step 4 and 5.
    8. Finally, press CMD + S to save the changes.

    Then upload your screenshot image to AppStore Connect and everything should be fine.

    Here is the ColorSync Utility User Guide.