是否可以将所有图标链接到外部文件？

Question

我有不同的图标为iPad，iPhone和其他设备。

是否可以使用外部文件引用它们全部？还是我需要将所有这些链接粘贴到每个页面的head部分？

<link rel="apple-touch-icon" href="img/apple-touch-icon-iphone.png"> 
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-ipad.png"> 
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-iphone-retina-display.png"> 
<link rel="shortcut icon" href="img/favicon.ico"> 

Answer 1

您不必在每个页面中声明Apple触摸图标。没有“外部文件”技术，但Apple defines both declarations and file naming conventions.您可以使用约定来避免额外的HTML代码。

要做到这一点：

• 卸下三个link加价其宣布苹果触摸图标。
• 将您的图标放置在您的网站的根目录（即/）。
• 按照苹果的规格重新命名图标：apple-touch-icon-72x72.png，apple-touch-icon-114x114.png等

iOS设备仍然能够找到他们。这种做法的警告注意事项：iOS设备可以。但是其他一些平台，比如Android，也使用这些图标。而且这些平台在使用Apple定义的约定时可能会失败（声明支持更为广泛）。

有关图标大小的另一个说明：72x72和114x114适用于iOS 6及以前版本。确保你定义了Apple touch icons with the right sizes。