如何为我的网站提供iPhone的图标？

Question

如何为我创建的网站设置iPhone上显示的图标？

Answer 1

为了完整起见,链接到Scott Hanselman的帖子,其中还包含一些额外的提示:

添加主屏幕iPhone图标并调整ViewPort

Answer 2

从Apple Developer Connection Safari Web Content Guide for iPhone页面指定Web Clip的网页图标 ...

用户可以将Web应用程序或网页链接添加到主屏幕.这些链接由图标表示,称为Web剪辑.按照以下简单步骤指定一个图标来表示iPhone上的Web应用程序或网页.

要指定整个网站的图标(网站上的每个页面),请将PNG格式的图标文件放在名为apple-touch-icon.png的根文档文件夹中.

要为单个网页指定图标,或用网页特定图标替换网站图标,请在网页中添加链接元素,如下所示:

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

在上面的示例中,将custom_icon.png替换为您的图标文件名.

有关网页图标指标,请参阅iPhone人机界面指南中的iPhone人机界面指南中的"为Web应用程序或网页创建图标".

注意:Web剪辑功能在iPhone 1.1.3及更高版本中可用.

Answer 3

将其添加到您的 head 部分：<link rel="icon" href="/your-icon-url"/>