[英]How do I give my websites an icon for iPhone? [duplicate]
如何为我创建的网站设置在iPhone
上正确显示的图标?
为了完整起见,还有一个指向 Scott Hanselman 帖子的链接,其中还包含一些额外的提示:
来自 Apple Developer Connection Safari Web Content Guide for iPhone page 为 Web Clip 指定网页图标...
用户可以将 Web 应用程序或网页链接添加到主屏幕。 这些由图标表示的链接称为网络剪辑。 按照这些简单的步骤指定一个图标来代表 iPhone 上的 Web 应用程序或网页。
要为整个网站(网站上的每个页面)指定一个图标,请在名为 apple-touch-icon.png 的根文档文件夹中放置一个 PNG 格式的图标文件。
要为单个网页指定图标,或将网站图标替换为特定于网页的图标,请向网页添加链接元素,如下所示:
<link rel="apple-touch-icon" href="/custom_icon.png"/>
在上面的示例中,将 custom_icon.png 替换为您的图标文件名。
有关网页图标指标,请参阅 iPhone 人机界面指南中的 iPhone 人机界面指南中的“为您的 Web 应用程序或网页创建图标”。
注意:网络剪辑功能在 iPhone 1.1.3 及更高版本中可用。
请参阅Safari 参考库中Safari Web 内容指南的配置 Web 应用程序页面的为 Web Clip 指定网页图标部分。
为 Web Clip 指定网页图标
您可能希望用户能够将您的 Web 应用程序或网页链接添加到主屏幕。 这些由图标表示的链接称为 Web Clips。 按照这些简单的步骤指定一个图标来代表您在 iOS 上的 Web 应用程序或网页。
要为整个网站(网站上的每个页面)指定一个图标,请在名为
apple-touch-icon.png
的根文档文件夹中放置一个 PNG 格式的图标文件。要为单个网页指定图标或将网站图标替换为特定于网页的图标,请向网页添加链接元素,如下所示:
<link rel="apple-touch-icon" href="/custom_icon.png"/>
在上面的示例中,将custom_icon.png
替换为您的图标文件名。
注意: iOS 7 上的 Safari 不会向图标添加效果。 旧版本的 Safari 不会为以
-precomposed.png
后缀命名的图标文件添加效果。 有关详细信息,请参阅第一步:在 iTunes Connect 中识别您的应用程序。
将此添加到您的头部部分: <link rel="icon" href="/your-icon-url"/>
我使用RealFaviconGenerator为许多浏览器和平台生成网站图标和代码。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.