App icon is not the same on my iphone/ipad that original

MobiOne Archive

Getting Help – General

This topic has 2 replies, 2 voices, and was last updated 12 years, 9 months ago by Albatros78.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
February 29, 2012 at 8:15 am #323812 Reply

Albatros78
Participant

Hi,

I have added my icon for my Appicon into my .mobi page

here 2 original icons ready to use with MB1

and

And here the icons after adding application on my iphone screen

Why the quality is not the same?
The middle of my iphone icons are in a light gray and the color quality seems depreciated

Thanks for your explanation

February 29, 2012 at 10:48 am #323819 Reply

support-michael
Keymaster

@Albatros78

iOS automatically applies a standard glossy styling to all app icons on the homescreen. Is your example an installed app or webapp save to homescreen?

For webapp’s saved to homescreen the iOS auto-styling can be disabled on a case by case bases using the following HTML element in the <head> section of the main html file:

<link rel=”apple-touch-icon-precomposed” href=”/custom_icon.png”/>

The default element generated by MobiOne omits the “-precomsed” is

<link rel=”apple-touch-icon” href=”/custom_icon.png”/>

In the above example, replace custom_icon.png with your icon filename. If you don’t want Safari on iOS to add any effects to the icon, replace apple-touch-icon with apple-touch-icon-precomposed.

Apple Safari Ref
https://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

February 29, 2012 at 12:41 pm #323828 Reply

Albatros78
Participant

Thanks Wayne for your quick reply. very nice and works fine.

Would not be interesting to add this as new option for futur release !

Regards
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)