Clever Geek Handbook

How can I implement apple-touch-icon-precomposed favicons like main websites?

According to the Twitter download documentation, you install icons apple-touch-icon-precomposed

and your generic icon like this:

<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="assets/ico/favicon.png">

This is all fine and dandy, but I can't find any major sites that actually use these link tags to do this - is there a reason or some other way to make the icons available?

I checked:

  • Google
  • Bing
  • Facebook
  • Twitter home page

Do any of the major websites use the apple-touch-icon-precomposed iconic icons?

If so, where are they / how do they do it? If not, why not?

+3


source to share


1 answer


If you include them directly in the document root that works too. We had a problem on our website where Apple was unable to find icons. I was not involved in this though, and I just heard about it, but the solution was to just put the icons right under the document root.



+1


source






More articles:


All Articles