Just how do I offer my internet site a symbol for iPhone?

Just how do I set the symbol that shows up on the iPhone for the internet site I create?

2019-05-06 02:07:33
Source Share
Answers: 3

From the Apple Developer Connection Safari Web Content Guide for apple iphone web page Specifying a Webpage Icon for Web Clip ...

The customer can add an internet application or. page link to the Home screen. These. web links, stood for by a symbol, are. called internet clips. Adhere to these straightforward. actions to define a symbol to stand for. your internet application or page on. apple iphone.

To define a symbol for the whole. internet site (every web page on the internet site),. area a symbol documents in PNG layout in. the root record folder called. apple - touch - icon.png.

To define a symbol for a solitary. page, or change the internet site symbol. with a page - details symbol, add a. link component to the page as in :

<link rel="apple-touch-icon" href="/custom_icon.png"/>

In the above instance, change. custom_icon. png with your symbol. filename.

See "Create an Icon for Your Web. Application or Webpage" in apple iphone. Human Interface Guidelines in apple iphone. Human Interface Guidelines for page. symbol metrics.

Keep in mind : The internet clip attribute is. readily available in apple iphone 1.1.3 and also later on.

2019-05-08 10:52:11

And for efficiency, a link to Scott Hanselman's uploading, which has some added pointers too :

Add Home Screen iPhone Icons and Adjust the ViewPort

2019-05-08 10:51:23

I've made a pointer that Stack Overflow implement an apple - touch - symbol :

Add an apple-touch-icon for Safari on iPhone

2019-05-08 10:45:11