Favicon和苹果图标

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Favicon和苹果图标相关的知识,希望对你有一定的参考价值。

A favicon (short for favorites icon), also known as a shortcut icon, website icon, URL icon, or bookmark icon is a 16×16 or 32×32 pixel square icon associated with a particular website or webpage. The interesting bit here is the apple-touch-icon which is used if you save a bookmark to your home screen on an apple touch device such as an iPad or iPhone. Interestingly enough, android also supports its usage. The apple-touch-icon default size is 57px by 57px. As the comment says, if your icons are in the root of your domain, these links aren’t required.
  1. <!-- Place favicon.ico and apple-touch-icon.png in the root of your domain and delete these references -->
  2. <link rel="shortcut icon" href="/favicon.ico">
  3. <link rel="apple-touch-icon" href="/touch-icon-iphone.png">
  4. <link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
  5. <link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />
  6. <link rel="apple-touch-icon-precomposed" href="/touch-icon-android.png"/>

以上是关于Favicon和苹果图标的主要内容,如果未能解决你的问题,请参考以下文章

如何给网站设置ICO图标

iOS 书签显示 favicon 而不是 apple-touch-icon

如何在网站上安装Favicon.ico识别图标

如何给网页标题栏上添加图标(favicon.ico)(转)

Web网站主如何更改网页标签的图标(favicon.ico)

禁止 favicon.ico 请求