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

问题描述

如何设置我在iPhone上创建的网站上出现的图标？

> Safari Web Content Guide 页面的配置Web应用程序页面中指定 指定网页剪贴画的网页图标 em> Safari参考图书馆 ...

指定Web Clip的网页图标

iPhone OS注意： Web Clip功能
在iPhone OS 1.1.3和
之后可用。
apple-touch-icon-precomposed.png
文件名可在iPhone OS 2.0
及更高版本中使用。

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

• 要为整个
  网站（网站上的每个页面）指定一个图标，
  会在
  中放置一个PNG格式的图标文件，称为
  <$ c的根文档文件夹$ c> apple-touch-icon.png 或
  apple-touch-icon-precomposed.png 。如果
  使用
  apple-touch-icon-precomposed.png 作为
  文件名，iPhone OS
  赢得Safari为图标添加任何效果。




• 指定单个
  网页的图标或将网站图标
  替换为网页特定的图标，请在网页中添加一个
  link元素，如下所示：
  
  < link rel =apple-touch-iconhref =/ custom_icon .png/>
  
  在上面的例子中，用你的图标$替换
  custom_icon.png b $ b文件名。如果您不希望Safari在
  iPhone OS上添加任何效果到
  图标，请用
  替换 apple-touch-icon apple-touch-icon-precomposed 。

a href =http://developer.apple.com/safari/library/documentation/InternetWeb/Conceptual/iPhoneWebAppHIG/MetricsLayout/MetricsLayout.html#//apple_ref/doc/uid/TP40007900-CH6-SW31 =nofollow noreferrer>为您的Web应用程序或网页创建一个图标。

$ b $ // Apple_ref / doc / uid / TP40007900rel =nofollow noreferrer>适用于Web应用程序的iPhone人机界面指南。 b

How do I set the icon that appears on the iPhone for the web sites I create?

解决方案

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

Specifying a Webpage Icon for Web Clip

iPhone OS Note: The Web Clip feature is available in iPhone OS 1.1.3 and later. The apple-touch-icon-precomposed.png filename is available in iPhone OS 2.0 and later.

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 iPhone OS.

• 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 or apple-touch-icon-precomposed.png. If you use apple-touch-icon-precomposed.png as the filename, Safari on iPhone OS won’t add any effects to the icon.

• 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. If you don’t want Safari on iPhone OS to add any effects to the icon, replace apple-touch-icon with apple-touch-icon-precomposed.

See "Create an Icon for Your Web Application or Webpage" in iPhone Human Interface Guidelines for Web Applications for webpage icon metrics.

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