html - Wie gebe ich meinen Websites ein Symbol für das iPhone?

Translate

Wie stelle ich das Symbol ein, das auf dem angezeigt wird?iPhonefür die Websites, die ich erstellt habe?

This question and all comments follow the "Attribution Required."

Alle Antworten

Translate

Der Vollständigkeit halber ein Link zu Scott Hanselmans Posting, der auch einige zusätzliche Tipps enthält:

Fügen Sie iPhone-Symbole für den Startbildschirm hinzu und passen Sie den ViewPort an

Quelle
Translate

Auf der Seite "Apple Developer Connection Safari-Webinhaltshandbuch für iPhone"Angeben eines Webseiten-Symbols für den Webclip...

Der Benutzer kann dem Startbildschirm eine Webanwendung oder einen Webseitenlink hinzufügen. Diese durch ein Symbol dargestellten Links werden als Webclips bezeichnet. Befolgen Sie diese einfachen Schritte, um ein Symbol für Ihre Webanwendung oder Webseite auf dem iPhone anzugeben.

Um ein Symbol für die gesamte Website (jede Seite der Website) anzugeben, platzieren Sie eine Symboldatei im PNG-Format im Stammdokumentordner mit dem Namen apple-touch-icon.png.

Fügen Sie der Webseite ein Linkelement hinzu, um ein Symbol für eine einzelne Webseite anzugeben oder das Website-Symbol durch ein Webseiten-spezifisches Symbol zu ersetzen:

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

Ersetzen Sie im obigen Beispiel custom_icon.png durch Ihren Symboldateinamen.

Siehe "Erstellen eines Symbols für Ihre Webanwendung oder Webseite" in den Richtlinien für die Benutzeroberfläche des iPhone in den Richtlinien für die Benutzeroberfläche des iPhone für Metriken für Webseiten-Symbole.

Hinweis: Die Webclip-Funktion ist in iPhone 1.1.3 und höher verfügbar.

Quelle
Translate

Siehe dieAngeben eines Webseiten-Symbols für den WebclipAbschnitt derWebanwendungen konfigurierenSeite derSafari Web Content Guidein demSafari-Referenzbibliothek.

Angeben eines Webseiten-Symbols für den Webclip

Möglicherweise möchten Sie, dass Benutzer Ihre Webanwendung oder Ihren Webseitenlink zum Startbildschirm hinzufügen können. Diese durch ein Symbol dargestellten Links werden als Webclips bezeichnet. Befolgen Sie diese einfachen Schritte, um ein Symbol für Ihre Webanwendung oder Webseite unter iOS anzugeben.

  • Um ein Symbol für die gesamte Website (jede Seite der Website) anzugeben, platzieren Sie eine Symboldatei im PNG-Format im Stammdokumentordner mit dem Namenapple-touch-icon.png.

  • Um ein Symbol für eine einzelne Webseite anzugeben oder das Website-Symbol durch ein Webseiten-spezifisches Symbol zu ersetzen, fügen Sie der Webseite ein Linkelement hinzu, wie in:
    <link rel="apple-touch-icon" href="/custom_icon.png"/>
    Im obigen Beispiel ersetzencustom_icon.pngmit Ihrem Symbol Dateinamen.


Hinweis:Safari unter iOS 7 fügt Symbolen keine Effekte hinzu. Ältere Versionen von Safari fügen keine Effekte für Symboldateien hinzu, die mit dem Namen benannt sind-precomposed.pngSuffix. Weitere Informationen finden Sie unter Erste Schritte: Identifizieren Ihrer App in iTunes Connect.

Quelle
Translate

Fügen Sie dies in Ihrem Kopfbereich hinzu:<link rel="icon" href="/your-icon-url"/>

Quelle