如何给我的网站一个iPhone图标?

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

Add Home Screen iPhone Icons and Adjust the ViewPort

从Apple Developer Connection Safari Web Content Guide for iPhone页面 Specifying a Webpage Icon for Web Clip …

用户可以添加Web应用程序或 主页屏幕的网页链接。这些 由图标表示的链接是 称为网页剪辑。遵循这些简单的 指定要表示的图标的步骤 您的Web应用程序或网页 苹果手机。

为整个 网站(网站上的每一页) 以PNG格式放置图标文件 根文档文件夹调用 apple-touch-icon.png。

为单个 网页,或替换网站图标 使用特定于网页的图标,添加 将元素链接到网页,如下所示:

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

在上面的示例中,替换 自定义图标.png 文件名。

请参见“为您的网络创建图标” iPhone中的“应用程序或网页” iPhone中的人机界面指南 网页人机界面指南 图标度量。

注意:网页剪辑功能是 适用于iPhone 1.1.3及更高版本。

见 Specifying a Webpage Icon for Web Clip 剖面图 配置Web应用程序 页 Safari Web内容指南 在 Safari参考库 …

为网页剪辑指定网页图标

iPhone操作系统注解: 网页剪辑功能 在iPhone OS 1.1.3和 后来。这个 apple-touch-icon-precomposed.png 文件名在iPhone OS 2.0中可用 后来。

您可能希望用户能够添加 您的Web应用程序或网页链接 到主屏幕。这些链接, 由图标表示,称为Web 剪辑。遵循以下简单步骤 指定一个图标来表示您的网站 iPhone操作系统上的应用程序或网页。

• 为整个 网站(网站上的每一页) 以PNG格式放置图标文件 根文档文件夹调用 apple-touch-icon.png 或 apple-touch-icon-precomposited.png . 如果 你用 apple-touch-icon-precomposited.png 作为 文件名,iPhone操作系统上的Safari 不会给图标添加任何效果。

• 为单个 网页或替换网站图标 使用特定于网页的图标,添加 将元素链接到网页,如:
  <link rel="apple-touch-icon" href="/custom_icon.png"/>
  在上面的示例中,替换 custom_icon.png 带着你的图标 文件名。如果您不想开启Safari iPhone操作系统可为 图标,替换 apple-touch-icon 具有 apple-touch-icon-precomposed .

见 "Create an Icon for Your Web Application or Webpage" 在里面 iPhone Human Interface Guidelines for Web Applications 网页图标度量。

在你的头部添加这个: <link rel="icon" href="/your-icon-url"/>

我建议堆栈溢出实现一个Apple Touch图标:

Add an apple-touch-icon for Safari on iPhone