如何为我的网站提供 iPhone 图标？
https://stackoverflow.com/questions/1505
-
08-06-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian题
如何设置正确显示的图标 iPhone 对于我创建的网站？
解决方案 3
请参阅 指定 Web Clip 的网页图标 的部分 配置网络应用程序 的页面 Safari 网页内容指南 在里面 Safari 参考库...
指定 Web Clip 的网页图标
iPhone 操作系统注意： Web剪辑功能可在iPhone OS 1.1.3及以后使用。这
apple-touch-icon-precomposed.pngiPhone OS 2.0和更高版本的文件名可用。您可能希望用户能够将您的Web应用程序或网页链接添加到主屏幕。这些由图标代表的链接称为Web剪辑。请按照以下简单步骤指定图标，以表示您在iPhone OS上的Web应用程序或网页。
要为整个网站（网站上的每个页面）指定图标，请在root文档文件夹中以PNG格式放置一个图标文件
apple-touch-icon.png或者apple-touch-icon-precomposed.png. 。如果您使用apple-touch-icon-precomposed.png作为文件名，iPhone OS上的Safari不会为图标添加任何效果。要指定单个网页的图标或用特定网页特定图标替换网站图标，请在网页中添加链接元素，如以下内容。
<link rel="apple-touch-icon" href="/custom_icon.png"/>
在上面的例子中，替换custom_icon.png使用您的图标文件名。如果您不希望iPhone OS上的Safari为图标添加任何效果，请替换apple-touch-icon和apple-touch-icon-precomposed.看 “为您的 Web 应用程序或网页创建图标” 在 iPhone Web 应用程序人机界面指南 用于网页图标指标。
其他提示
为了完整起见，提供了 Scott Hanselman 帖子的链接，其中还包含一些其他提示：
来自 Apple Developer Connection iPhone 版 Safari Web 内容指南页面 指定 Web Clip 的网页图标...
用户可以将Web应用程序或网页链接添加到主屏幕。这些由图标代表的链接称为Web剪辑。请按照以下简单步骤指定图标，以表示您在iPhone上的Web应用程序或网页。
要为整个网站（网站上的每个页面）指定图标，请在称为Apple-touch-icon.png的根文档文件夹中以PNG格式放置一个图标文件。
要为单个网页指定图标，或用特定网页特定图标替换网站图标，请在网页中添加链接元素：
<link rel="apple-touch-icon" href="/custom_icon.png"/>在上面的示例中，用您的图标文件名替换custom_icon.png。
请参阅iPhone Human Interface指南中的iPhone Human Interface指南中的“为您的Web应用程序或网页创建图标”，用于网页图标指标。
笔记：Web夹功能可在iPhone 1.1.3及以后使用。
将其添加到您的 head 部分：<link rel="icon" href="/your-icon-url"/>
我建议 Stack Overflow 实现一个 apple-touch-icon：
