Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.

Fav icon is not displayed in iPhone 6 book mark

Avatar

Level 7

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.

11 Replies

Avatar

Level 10

Hi Dinu,

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

Thanks,
Ratna Kumar.

Avatar

Administrator

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



Kautuk Sahni

Avatar

Administrator

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



Kautuk Sahni

Avatar

Level 7

Hi,

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

Thanks,

AryA.

Avatar

Level 1

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

Avatar

Level 7

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??

Avatar

Level 10

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

Avatar

Level 3

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