Fav icon is not displayed in iPhone 6 book mark

[Dinu_Arya]

Hi Team,

We tried setting up the favicon with

    <link rel="apple-touch-icon" sizes="57x57" href="https://forums.adobe.com/etc/designs/my-project/images/apple-touch-icon-57x57.png"/>

    <link rel="apple-touch-icon" sizes="60x60" href="https://forums.adobe.com/etc/designs/my-project/images/apple-touch-icon-60x60.png"/>

     <link rel="apple-touch-icon" sizes="76x76" href="https://forums.adobe.com/etc/designs/my-project/images/apple-touch-icon-76x76.png"/>

    <link rel="apple-touch-icon" sizes="120x120" href="https://forums.adobe.com/etc/designs/my-project/images/apple-touch-icon-120x120.png"/>

    <link rel="apple-touch-icon" sizes="152x152" href="https://forums.adobe.com/etc/designs/my-project/images/apple-touch-icon-152x152.png"/>

    <link rel="shortcut icon" href="https://forums.adobe.com/etc/designs/my-project/images/favicon.ico"/>

However, I am unable to get the favicon in iphone 6.

Please suggest any other method or any possible mistake in this one.

Thanks,

AryA.

[Ratna_Kumar]

Hi Dinu,

May I know please, which version of AEM are you using - 5.6.1 or 6.1?

Thanks,
Ratna Kumar.

[Dinu_Arya]

AEM 6.1      

[kautuk_sahni]

Hi 

Please check the if icon file is only 4bit (16 colors), if so then change it to 8bit (256 colors) file. You can use "Graphics Converter" for this. And try uploading this again.

Please share your IOS version.

Thanks and Regards

Kautuk Sahni

[Dinu_Arya]

iOS 9.1

[kautuk_sahni]

Hi

I would request you to add "precomposed" suffix to your rel tag. It could be the case that special effects (Rounded Corner, Drop Shadow, Reflective Shine etc) that IOS automatically adds to icon are causing this problem.

E.g. <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">

Other things that you can try is, try all adding icon for 72X72, 114X114,144X144 and 180X180.

I hope this would work. Please revert if this works for you.

If not please ask apple support or AEM Support to look into this.

PS:- "precomposed" is not needed above IOS 7, but still try it.

Thanks and Regards

Kautuk Sahni

[Dinu_Arya]

Hi,

I tried precomposed as well - with no success. Is there any other solution? 

Thanks,

AryA.

[hbindu212]

Hi @kautuk_sahni ,

We are seeing lot of 404s in AEM access.log due to these apple-touch-icon and favicon. Error seen in logs

/content/<mysite>/us/en/apple-touch-icon-152x152.png HTTP/1.1" 404 93369 "-" "MobileSafari/604.1 CFNetwork/1128.0.1 Darwin/19.6.0"

Can you please suggest where do we need to place these apple touch icon and favicon images so that they can be accessed from "/content/<mysite>/us/en/.." to resolve this issue?

Thanks

[Dinu_Arya]

We are using 32 bit png files for apple touch icon and 32 bit favicon.ico file as well. Does high bit-depth hurt too?? Is 8 bit the preferred depth or something like that??

[smacdonald2008]

I will check with the AEM Mobile Apps team. Lets see if they have encountered this. I will post back findings. 

[Dinu_Arya]

Thanks for that! Will wait for the findings.

[Anthony_R]

Hi there,

This is specifically a mobile web issue and not related to mobile apps. Have you followed the Apple documentation for web clips?

https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/C...

According to (https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix...) the size of the web clip icon for an iPhone6S is 120x120.

I assume /etc/designs/my-project/images/apple-touch-icon-120x120.png can be accessed anonymously?

It is also possible this is a bug with iOS 9.

https://forums.developer.apple.com/thread/23984