网站图标,图标,快捷方式图标,苹果触摸图标:还有其他吗?


24

我知道网站的2种基本默认Web图标:

  • Favicon:将.ico格式化的文件放置在名为的站点的根目录下favicon.ico,大多数桌面浏览器会找到该文件并在各种上下文(书签,标签)中显示该文件。也可以添加代码,尽管浏览器类型和大小限制,但允许您为文件指定其他名称和其他图形类型:

    <link rel="shortcut icon" href="/webmasters//favicon.ico" />
    <link rel="icon" href="/webmasters//favicon.ico" />
    
  • Web剪辑图标:在网站的根目录中放置一个png名为apple-touch-icon.png或的格式化文件,apple-touch-icon-precomposed.png当网站添加到主屏幕时,iPhone OS / iOS版本的Safari会选择这些文件并将其存储。也可以添加如下代码:

    <link rel="apple-touch-icon" href="/webmasters//custom_icon.png" />
    

网站管理员可以为网站添加其他任何默认图标图形吗?

Answers:


8

似乎基于这个这个是Android将使用rel的类型apple-touch-icon-precomposedapple-touch-icon对于它的工作,你需要使用一个完全合格的URL,例如:

<link rel="apple-touch-icon-precomposed"
      href="http://www.example.com/custom_icon.png" />

要么:

<link rel="apple-touch-icon"
      href="http://www.example.com/custom_icon.png" />

需要注意的是,这似乎是针对Android 2.1 Update 1Webkit 3.1的。的Android开发文档确实提到了一种方法,android.webkit即事件时apple-touch-icon被检索。


1

这取决于您所针对的平台。但是我认为大多数(标准兼容)移动浏览器都了解默认的favicon标签。也许您可以在Android,iOS,WebOS等平台上搜索特殊用例(例如,使用特殊图标创建桌面快捷方式)。

我刚刚开发了一些针对iPhone用户的网站,在这些网站上,我将Wordpress与WPTouch主题的专用版本一起使用。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.