如何定义网站屏幕快捷图标？

我找不到如何让 Android 使用自定义图标（例如 iOS 使用的图标或应用程序触摸图像）作为网站快捷方式。

你能给我一个提示吗？

Android 使用主屏幕图像和“快捷方式图标”（如网站图标）。如果仅指定主屏幕图标，网页将不会在 Web 浏览器中的 URL 旁边显示图标。

“快捷方式图标”必须单独列出，即使它可以是同一个文件。

<link rel="shortcut icon" href="http://yourdomain.com/path/icon57.png" />
<link rel="apple-touch-icon" href="http://yourdomain.com/path/icon57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="http://yourdomain.com/path/icon72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="http://yourdomain.com/path/icon114.png" />
<link rel="apple-touch-icon" sizes="144x144" href="http://yourdomain.com/path/icon144.png" />

相对 URL 适用于许多设备，但大多数消息来源表示您需要使用绝对 URL。

单独列出尺寸允许设备仅下载满足其需要的最小图像。为了 ”shortcut icon“，您不能列出不同的尺寸，但您可以使用 ICO 文件，该文件可能包含文件中编码的多种尺寸。许多图像程序，例如GIMP可以保存多种尺寸的ICO文件。

注意，如果你想让快捷方式图标在IE中显示，它必须是真正的ico文件。

显然，Android 2.1 及更早版本仅识别“预合成”图像链接，但如果包含预合成图标，则每个能够“幻想化”图标的设备都将跳过其过程，而仅使用预合成图标。我测试的 Android 可以进行自己的幻想，因此我不使用预先组合的图标链接。这将取决于您的兼容性需求。

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

有关使用主屏幕图标的更多信息...

http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/配置Web应用程序/配置WebApplications.html http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html