Vă mulțumim pentru susținere

Cum îmi dau site-urile web o pictogramă pentru iPhone?

Cum configurez pictograma care apare pe iPhone pentru site-urile pe care le creez?

0
adăugat editat
De asemenea, am găsit informațiile apple-touch-icon în Safari Web Content Guide , precum și metaeticheta apple-mobile-web-app-capable pentru modul ecran complet.
adăugat autor Kevin Hakanson
adăugat autor Blazemonger

5 răspunsuri

Din aplicația Apple Developer Connection Safari Ghid de conținut web pentru iPhone Pagina Specificarea unei Icon Web pentru Web Clip ...

The user can add a 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.

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.

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:

In the above example, replace custom_icon.png with your icon filename.

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

Note: The web clip feature is available in iPhone 1.1.3 and later.

0
adăugat
Legătura e moartă.
adăugat autor Alfo

Am facut o sugestie ca Stack Overflow sa implementeze o pictograma Apple-touch:

Adăugați o pictogramă Apple-touch pentru Safari pe iPhone

0
adăugat

Consultați Specificarea unei pictograme Web pentru secțiunea Web Clip din pagina Configurarea aplicațiilor web din Ghidul de conținut Web pentru Safari în Biblioteca de referință Safari ...

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:


    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.

0
adăugat

Și de dragul de completare, un link către postarea lui Scott Hanselman, care conține și câteva sfaturi suplimentare:

Adăugați Iconițe iPhone de pe ecranul inițial și reglați ViewPort

0
adăugat

Add this in your head section:

0
adăugat