Come faccio a dare ai miei siti web un'icona per iPhone?

Question

Come faccio a impostare l'icona che appare correttamente sul file iPhone per i siti web che ho creato?

Answer 1

Vedi il Specifica di un'icona di pagina Web per il clip Web sezione del Configurazione di applicazioni Web pagina del Guida ai contenuti Web di Safari nel Libreria di riferimento di Safari...

Specifica di un'icona di pagina Web per il clip Web

Nota sul sistema operativo iPhone: La funzione Web clip è disponibile in iPhone OS 1.1.3 e successivamente.IL apple-touch-icon-precomposed.pngIl nome file è disponibile in iPhone OS 2.0 e successivamente.

Potresti volere che gli utenti possano aggiungere il tuo link per l'applicazione Web o la pagina Web alla schermata Home.Questi collegamenti, rappresentati da un'icona, sono chiamati Web Clips.Segui questi semplici passaggi per specificare un'icona per rappresentare l'applicazione Web o la pagina Web sul sistema operativo iPhone.

• Per specificare un'icona per l'intero sito Web (ogni pagina del sito Web), posizionare un file icona in formato PNG nella cartella del documento root chiamato apple-touch-icon.png O apple-touch-icon-precomposed.png.Se usi apple-touch-icon-precomposed.png Come nome file, Safari su iPhone OS non aggiungerà effetti all'icona.

• Per specificare un'icona per una singola pagina Web o sostituire l'icona del sito Web con un'icona specifica della pagina Web, aggiungere un elemento di collegamento alla pagina Web, come in:
  <link rel="apple-touch-icon" href="/custom_icon.png"/>
  Nell'esempio sopra, sostituire custom_icon.png con il tuo nome file icona.Se non vuoi che Safari sul sistema operativo iPhone aggiunga effetti all'icona, sostituire apple-touch-icon con apple-touch-icon-precomposed.

Vedere "Crea un'icona per la tua applicazione Web o pagina Web" In Linee guida per l'interfaccia umana di iPhone per applicazioni Web per le metriche delle icone della pagina web.

Answer 2

E per completezza, un collegamento al post di Scott Hanselman, che contiene anche alcuni suggerimenti aggiuntivi:

Aggiungi le icone iPhone alla schermata Home e regola il ViewPort

Answer 3

Dalla pagina Guida ai contenuti Web di Safari di Apple Developer Connection per iPhone Specifica di un'icona di pagina Web per il clip Web...

L'utente può aggiungere un'applicazione Web o un collegamento a pagina Web alla schermata Home.Questi collegamenti, rappresentati da un'icona, sono chiamati Web Clips.Segui questi semplici passaggi per specificare un'icona per rappresentare l'applicazione Web o la pagina Web su iPhone.

Per specificare un'icona per l'intero sito Web (ogni pagina del sito Web), posizionare un file di icona in formato PNG nella cartella del documento di root chiamato Apple-touch-icon.png.

Per specificare un'icona per una singola pagina Web o sostituire l'icona del sito Web con un'icona specifica della pagina Web, aggiungere un elemento di collegamento alla pagina Web come in:

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

Nell'esempio sopra, sostituire Custom_icon.png con il nome del file icona.

Vedere "Crea un'icona per l'applicazione Web o la pagina Web" nelle linee guida per l'interfaccia umana per iPhone nelle linee guida per l'interfaccia umana per iPhone per le metriche di icona della pagina web.

Nota:La funzione Web clip è disponibile in iPhone 1.1.3 e successivamente.

Answer 4

Aggiungi questo nella sezione principale:<link rel="icon" href="/your-icon-url"/>

Answer 5

Ho suggerito che Stack Overflow implementi un'icona con il tocco della mela:

Aggiungi un'icona Apple Touch per Safari su iPhone