繁体   English   中英

如何为我的网站提供 iPhone 图标? [复制]

[英]How do I give my websites an icon for iPhone? [duplicate]

如何为我创建的网站设置在iPhone上正确显示的图标?

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

添加主屏幕 iPhone 图标并调整视口

来自 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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM