Wie gebe ich meine Websites ein Symbol für das iPhone?

Question

Wie setze ich das Symbol richtig auf den iPhone für die Websites, die ich erstellen?

Answer 1

Siehe die Die Angabe einer Webseite ein Symbol für Web Clip Abschnitt der Konfigurieren Von Web-Anwendungen Seite Safari Web Content Guide in der Safari-Referenz-Bibliothek...

Die Angabe einer Webseite ein Symbol für Web Clip

iPhone OS Hinweis: Der Web-Clip-Funktion verfügbar in iPhone OS 1.1.3 und später.Die apple-touch-icon-precomposed.png mit dem Namen ist verfügbar in iPhone OS 2.0 und später.

Sie können Benutzer hinzufügen zu können Ihre web-Applikation oder Website link auf dem Home-Bildschirm.Diese links, durch ein Symbol dargestellt, sind sogenannte Web - Clips.Befolgen Sie diese einfachen Schritte aus, um geben Sie ein Symbol für Ihre web Anwendung oder Webseite auf dem iPhone OS.

• Um ein Symbol festzulegen, die für die gesamte website (auf jeder Seite auf der website), das icon Datei im PNG-format in das Dokument-root-Ordner genannt apple-touch-icon.png oder apple-touch-icon-precomposed.png.Wenn verwenden Sie apple-touch-icon-precomposed.png als der Dateiname, Safari auf dem iPhone OS nicht fügen Sie alle Effekte auf das-Symbol.

• Um ein Symbol festzulegen, die für eine einzelne Webseite oder ersetzen Sie die website icon mit einer Webseite-spezifische Symbol, fügen Sie ein link-element auf der Webseite, wie in:
  <link rel="apple-touch-icon" href="/custom_icon.png"/>
  Im obigen Beispiel ersetzen custom_icon.png mit Ihrem Symbol mit dem Namen.Wenn Sie nicht möchten, dass Safari auf iPhone OS, um Effekte hinzufügen, um die Symbol, ersetzen apple-touch-icon mit apple-touch-icon-precomposed.

Finden "Erstellen Sie ein Symbol für Ihre Web-Applikation oder Webseite" in iPhone Human Interface Guidelines für Web-Anwendungen für die Homepage-Symbol-Metriken.

Answer 2

Und der Vollständigkeit halber, wird eine Verbindung zu Scott Hanselman buchen, die enthält einige zusätzliche Tipps, sowie:

Hinzufügen Home-Bildschirm iPhone Icons und Passen Sie die ViewPort

Answer 3

Von der Apple Developer Connection Safari Web Content Guide für das iPhone Seite Die Angabe einer Webseite ein Symbol für Web Clip...

Der Benutzer kann hinzufügen einer web-Anwendung oder Webseiten-link auf dem Home-Bildschirm.Diese links, die durch ein Symbol dargestellt, sind sogenannte web-clips.Befolgen Sie diese einfachen Schritte zu geben Sie ein Symbol darstellen Ihre web-Applikation oder Webseite auf iPhone.

Um ein Symbol festzulegen, die für die gesamte website (auf jeder Seite auf der website), das icon Datei im PNG-format in das Dokument-root-Ordner genannt apple-touch-icon.png.

Um ein Symbol festzulegen, die für eine einzelne Webseite, oder ersetzen Sie die website icon mit einer Webseite-spezifische Symbol, fügen Sie ein link-element auf der Webseite in:

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

Im obigen Beispiel ersetzen custom_icon.png mit Ihrem Symbol mit dem Namen.

Siehe "Erstellen Sie ein Symbol für Ihre Web Anwendung oder Webseite" iPhone - Menschliche Schnittstelle Richtlinien iPhone Human Interface Guidelines für die Homepage Symbol-Metriken.

Hinweis:Der web-clip-Funktion ist verfügbar in iPhone 1.1.3 und höher.

Answer 4

Fügen Sie diese in Ihrem head-Bereich:<link rel="icon" href="/your-icon-url"/>

Answer 5

Ich habe den Vorschlag gemacht, dass Stack Overflow implementieren Sie eine apple-touch-icon:

Fügen Sie eine apple-touch-Symbol für Safari auf dem iPhone