我无法找到如何使Android使用自定义图标（例如图标或iOS的使用app触摸图像）的网站的快捷方式。
你能不能给我一个提示？
Answer 1:
Android和iOS似乎使用的主屏幕上的图标相同的标记。
对于HTML链接图标：
<!-- These two are what you want to use by default -->
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
<!-- This one works for anything below iOS 4.2 -->
<link rel="apple-touch-icon-precomposed apple-touch-icon" href="apple-touch-icon-precomposed.png">
这两种类型之间的区别是前两名没有一个空间。 底部一个包括其间具有空间。 空间iOS不4.2+认可。 最好的办法是使用所有三个。 如果您在空间的限制，只能使用前两名。
对于尺寸：
144×144像素为一个iPad Retina显示。
114×114像素为iPhone Retina显示。
57×57像素，几乎什么都重要
有一点要注意的是，iOS版4.2+将简单地忽略大小属性，所以你可以只是出它链接它们。 我建议把图标的文件名中的大小只是为了组织的目的。
另外要注意的是，你甚至不需要以包括“苹果触摸图标” S的链接。 如果没有在HTML中定义的图标，iOS设备将通过根文件夹中搜索名为以下列文件。 Android为需要他们定义的，所以把它们放在代码反正。
apple-touch-icon-57x57-precomposed.png
apple-touch-icon-57x57.png
apple-touch-icon-precomposed.png
apple-touch-icon.png
Answer 2:
Android使用一个主画面和一个“快捷方式图标”（如图标）。 如果只指定主屏幕上的图标，网页不会显示在浏览器的网址旁边的图标。
在“快捷方式图标”，必须单独列出，尽管它可以是同一个文件。
<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将许多设备上工作，但大多数的消息来源说，你需要使用绝对路径。
清单尺寸分别允许器件只下载，以满足它的需求最小的图像。 对于“ shortcut icon ”，你不能列出不同的大小，但您可以使用它可以包含在文件中编码的多个尺寸ICO文件。 像GIMP图像许多程序可以保存ICO文件具有多种尺寸。
请注意，如果你想要的快捷方式图标在IE中显示，它必须是一个真正的ICO文件。
显然，Android的版本2.1和更早版本只承认“预组成”图像链接，但如果包括预组合图标，每一个设备，它能够“fancifying”图标将跳过他们的过程，只是使用的预组成的。 该机器人会我测试可以做自己fancifying，所以我不使用预组合图标链接。 这将取决于您的兼容性需求。
<link rel="apple-touch-icon-precomposed" href="http://yourdomain.com/custom_icon.png"/>
有关使用主屏幕图标的详细信息...
http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html
Answer 3:
这看起来像一个很好的解释 。
这样看来，如果你把：
<link rel="apple-touch-icon" href="/path/to/some.png"/>
<link rel="apple-touch-icon-precomposed" href="/custom_icon.png"/>
在书签的页面的HTML，它会自动地出现在桌面上。
Answer 4:
这个Android和iPhone图标页面显示为Android 绝对URL。
因此，只要修改KENY-N的标签
<link rel="apple-touch-icon" href="http://yourdomain.com/path/to/some.png"/>
<link rel="apple-touch-icon-precomposed" href="http://yourdomain.com/custom_icon.png"/>
文章来源: How to define the website screen shortcut icon?
