Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

Fav icon is not displayed in iPhone 6 book mark

Dinu_Arya
Level 7
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
Ratna_Kumar
Community Advisor
Community Advisor

Hi Dinu,

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

Thanks,
Ratna Kumar.

kautuk_sahni
Community Manager
Community Manager

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
Community Manager
Community Manager

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

Hi,

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

Thanks,

AryA.

hbindu212
Level 1
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

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

smacdonald2008
Level 10
Level 10

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

Anthony_R
Level 3
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