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.
Views
Replies
Total Likes
Hi Dinu,
May I know please, which version of AEM are you using - 5.6.1 or 6.1?
Thanks,
Ratna Kumar.
Views
Replies
Total Likes
Views
Replies
Total Likes
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
Views
Replies
Total Likes
iOS 9.1
Views
Replies
Total Likes
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
Views
Replies
Total Likes
Hi,
I tried precomposed as well - with no success. Is there any other solution?
Thanks,
AryA.
Views
Replies
Total Likes
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
Views
Replies
Total Likes
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??
Views
Replies
Total Likes
I will check with the AEM Mobile Apps team. Lets see if they have encountered this. I will post back findings.
Views
Replies
Total Likes
Thanks for that! Will wait for the findings.
Views
Replies
Total Likes
Hi there,
This is specifically a mobile web issue and not related to mobile apps. Have you followed the Apple documentation for web clips?
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.
Views
Replies
Total Likes
Views
Likes
Replies
Views
Likes
Replies
Views
Likes
Replies