Fav icon is not displayed in iPhone 6 book mark | Community
Skip to main content
Dinu_Arya
Dinu_Arya
Level 6
February 6, 2016

Fav icon is not displayed in iPhone 6 book mark

  • February 6, 2016
  • 4 replies
  • 3991 views

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

4 replies

Ratna_Kumar
Ratna_Kumar
Level 10
February 6, 2016

Hi Dinu,

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

Thanks,
Ratna Kumar.

Dinu_Arya
Dinu_AryaAuthor
Level 6
February 6, 2016
AEM 6.1      
kautuk_sahni
Community Manager
kautuk_sahniCommunity Manager
Community Manager
February 8, 2016

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
Dinu_Arya
Dinu_AryaAuthor
Level 6
February 8, 2016

iOS 9.1

kautuk_sahni
Community Manager
kautuk_sahniCommunity Manager
Community Manager
February 9, 2016

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
P
Adobe Employee
penguinantAdobe Employee
Adobe Employee
March 1, 2016

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/ConfiguringWebApplications/ConfiguringWebApplications.html

According to (https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html#//apple_ref/doc/uid/TP40006556-CH27-SW2) 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

Terms & ConditionsAccessibility statement

Loading footer...