Image with color representation of "Uncalibrated" does not appear on iPhone - iphone

I have an image that appears on Windows and Android devices, but not an iPhone 13, in Chrome or Safari:
<img src="https://i.imgur.com/f92Em47.jpg"/>
Looking at the properties of the image, the "Color representation" property appears as "Uncalibrated":
What can I do to fix the color representation and ensure the image appears on all devices?

Open the image in paint.NET
Choose Image > Apply Embedded Color Profile
Save the image. The "Color representation" property should now be correct:
Although there is little known about this issue, it appears that the graphics hardware of certain phones is unable to render images that do not have a valid color profile. See below for some relevant posts:
https://photography-on-the.net/forum/showthread.php?t=178351
https://community.adobe.com/t5/lightroom-classic-discussions/colour-representation-uncalibrated/m-p/13012552

Related

Image color different from mac and iOS device

I've read some solutions about this color differences but they haven't worked. I tried taking a screenshot from my iphone and compare it to the simulator image or the image in the prview tool and its the same color, only when I see it on the device it looks different.
I'm using SDK 5.1 on XCode 4.3
How can I fix this ??
Thanks in advance.
OS X System Preferences has a Displays section where you can adjust the screen colors (I don't know whether that's safe to apply others than "Profiles for this display")
You can either try to use another profile, calibrate the screen or to google more taking this preferences pane into consideration.

Does apple apply the app icon gloss effect and corner rounding on every icon?

The iTunes Connect Developer Guide says that the developer must provide a whole bunch of different icon sizes. But I only know from the "normal" app icons (57x57, 114x114) that the device applies the gloss effect and corner rounding automatically.
But how about those other icons? How about the 512x512 iTunesArtwork.png icon? Are the effects applied automatically? Must this icon be shipped inside the bundle of the app? Is there any way to see it "live" how it finally looks, when those effects are applied?
I slightly remember that there was a tool from apple that applied those effects to an icon, so you could see them. Does anyone know more details about this?
The glow and rounded corners are applied automatically. You can control the glow, by adding a key to your Info.plist file: UIPrerenderedIcon set to YES will indicate that your icon is "prerendered" and you don't want the glow.
The AppStore will honor that setting for the 512x512 icon as well.
You actually should supply 6 icons now. One for the iPhone4, iPad, normal iphones/ipod touch, and 2 smaller icons for spotlight search (one is double resolution).
I wrote a pretty cool photoshop script to take you 512px icon and convert it using photoshop into 6 smaller sizes all named correctly.
http://github.com/sponno/iPhone-Photoshop-JSX-Icon-Exporter
You will also see in the header of the file, now to update your info.plist to include all these icons.
For more details on those six icons and their required sizes, here's two great resources:
http://mrgan.tumblr.com/post/708404794/ios-app-icon-sizes
http://blog.cocoia.com/2010/iphone-4-icon-psd-file/
Note that even though the app store honors the UIPrerenderedIcon setting for the icons supplied with your app bundle, the 512x512 icon submitted within iTunesConnect in the app management must not have rounded corners or gloss. If you click the ? next to the icon in iTunesConnect you get this message:
"A large version of your app icon that will be used on the App Store. It must be at least 72 DPI and a minimum of 512 by 512 pixels (it cannot be scaled up). It must be flat artwork without rounded corners."
Why they make it such a p.i.t.a. and make you provide a square icon for this is beyond me. My app icon is rounded with a decorative frame, this square version will look like a**.

iPhone PNG image displays differently in Android TextView drawable

I have a PNG file formatted for the iPhone I used in a TextView drawable. The image is just two words in black text on a white background, when you view it. On the iPhone it shows as two words in white text on a black background. On the Android it shows as two words in black text on a transparent background.
Can someone tell me how to make the Android image show as white text on a black background by configuring the Android TextView? I'd like to save time from creating new PNG files.
Thanks in advance!
The iPhone uses a non-standard PNG format. Xcode will automatically create files changed to this format for you when it compiles your app. What you should do is not grab the PNG from your app resources bundle and instead use the original PNG you created in your image editing software. See this blog post for more details.
Are you sure you are using the "same" image? If the image is "black text on a white background" how does the iphone invert it to white on black?
can you post the image on here so we can see it?
And yes, you need to mark answers accepted or you will probably find it hard to get anything ever answered.

iPhone screenshot different colour when displayed

I've taken a screenshot of my iPhone app running and I'd like to use that image as a png to be drawn by the app instead of generated graphics.
When I take the screenshot, it looks fine. However, when that is saved as a PNG file, added to the Xcode project and then displayed back on the screen of the phone (or simulator) the colours are different.
Can anyone explain to me why it's changing? (I'm guessing there's a colour space conversion happening).
How can I stop this from changing?
You might be saving the png image with some incorrect settings which is either reducing the quality or number of colors used. Try the PNG-24 with transparency to see if that helps at all.

What are the dimensions, file types, and ppi resolution of an iOS app icon?

What are the specifications for the icons required by Apple for a custom iPhone application published?
57x57, PNG, No Transparency, No Layers, 72 PPI
512x512, TIFF or JPEG, No Transparency, No Layers, 72 PPI
Note: iPhone OS applies rounded corners, optionally shine, and other effects
Also have a large version of your logo with the name of the application in case Apple contacts you needing a version for marketing purposes.
The icon should be a 57x57 pixel PNG. The PNGs generated by Apple have a PPI of 72.01 so I guess something in that range will work fine. Don't have a very high PPI else images are not rendered properly.
If you want to use a custom icon and not let the iPhone to apply the gloss to your icon, add a key to info.plist called UIPrerenderedIcon (is a boolean value) and make it checked.
When submitting the app to the app store, you will need a 512x512 pixel version of your app's icon (this one in jpeg or tiff format) and at least one screenshot of your app. You can have additional 4 screenshots of the app.
EDIT
Now the specs for icon (to be submitted in iTunes connect) and the app icons have changed. The icon to be submitted to itunesconnect must be 1024x1024 px.
For the app icons, you can find details here - http://developer.apple.com/library/ios/#documentation/iPhone/Conceptual/iPhoneOSProgrammingGuide/App-RelatedResources/App-RelatedResources.html#//apple_ref/doc/uid/TP40007072-CH6-SW1
Also, make sure the icon files are NON-INTERLACED PNG files. Recently one of our apps' binary was marked invalid since one of the app icon files was an interlaced PNG.
From here:
To ensure that your icon can take advantage of these visual enhancements, provide an image in PNG format that:
Measures 57 x 57 pixels, with 90 degree corners (if the image measures other than this size, iPhone OS scales it)
Does not have any shine or gloss
Name your icon file Icon.png and place it at the top level of your application bundle.
As of May 2012, the official Apple Docs include this chart:
This describes the icons that must be visible in the app. The docs also say the file must be jpeg or png but doesnt specify a dpi.
You must also include a larger copy for the page in iTunes. Again, from the apple docs
full docs available here.
The new retina display is at 114 x 114 for icons.
To submit app to iTunes store you need to have following sizes:
57x57
72x72
114x114
228x228
512x512
Reference: http://ios-funda.blogspot.in/2013/02/all-icon-size-needed-for-app-store.html
The app store is looking for a 512x512 icon as well (not sure the PPI). Best bet is just to design it as vector then you can easily resize and export it as whatever.
This blog post describes all icon sizes and where are they used.
57x57 pixels png... you can choose via code to apply or not the gloss effect.
I made a complete list of the ten (10) needed app icon files in my blog post, iOS App Icons, Listed and Summarized . My information is current as of iOS 3, 4, 5, and 6. Two links take you to the crucial Apple documentation.
I show three tables, each listing the icon files needed for:
Handheld devices (iPhone, iPod touch)
Tablet devices (iPad)
iTunes & App Store
Note: iOS ignores the PPI (Pixels Per Inch) of icon images. You may
author your icon images at any PPI but their width and height, as
measured in pixels, must match the values in the tables below.
This is coming from Apple Technical Q&A QA1686 and contains also information about sizes and files types.