如何为我的网站提供iPhone图标? [英] How do I give my websites an icon for iPhone?

问题描述

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

How do I set the icon that appears proper on the iPhone for the websites I have created?

推荐答案

请参见 部分 Safari参考资料库中的 Safari Web内容指南的页.

See the Specifying a Webpage Icon for Web Clip section of the Configuring Web Applications page of the Safari Web Content Guide in the Safari Reference Library.

指定Web剪辑的网页图标

您可能希望用户能够将您的Web应用程序或网页链接添加到主屏幕.这些由图标表示的链接称为Web剪辑.请按照以下简单步骤指定一个图标，以代表您的Web应用程序或iOS上的网页.

Specifying a Webpage Icon for Web Clip

You may want users to be able to add your web application or webpage link to the Home screen. These links, represented by an icon, are called Web Clips. Follow these simple steps to specify an icon to represent your web application or webpage on iOS.

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

• To specify an icon for the entire website (every page on the website), place an icon file in PNG format in the root document folder called apple-touch-icon.png.

要为单个网页指定图标或将网站图标替换为特定于网页的图标，请在网页中添加链接元素，如下所示:
<link rel="apple-touch-icon" href="/custom_icon.png"/>
在上面的示例中，将custom_icon.png替换为您的图标文件名.

To specify an icon for a single webpage or replace the website icon with a webpage-specific icon, add a link element to the webpage, as in:
<link rel="apple-touch-icon" href="/custom_icon.png"/>
In the above example, replace custom_icon.png with your icon filename.

注意:iOS 7上的Safari不会为图标添加效果.较早版本的Safari不会为后缀名为-precomposed.png的图标文件添加效果.有关详细信息，请参见第一步:在iTunes Connect中标识您的应用程序.

Note: Safari on iOS 7 doesn’t add effects to icons. Older versions of Safari will not add effects for icon files named with the -precomposed.png suffix. See First Steps: Identifying Your App in iTunes Connect for details.

这篇关于如何为我的网站提供iPhone图标?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！