Warum das iPhone ein eigenes Home-Bildschirm-Icon braucht
Das gespeicherte Website-Symbol ist nicht einfach ein vergrößertes Tab-ICO. Bereiten Sie eine eigene Grafik vor.
Eine PNG exportieren
Erstellen Sie eine quadratische PNG aus dem Original; 180×180 ist ein üblicher Ausgangspunkt fürs iPhone. Prüfen Sie Apples Vorgaben für Zielgeräte und gestalten Sie Hintergrund und Abstand bewusst.
Das Touch-Icon deklarieren
rel="apple-touch-icon" muss auf die öffentliche PNG verweisen. Nutzen Sie das Beispiel unten und prüfen Sie das endgültige CMS-HTML auf doppelte Tags oder falsche Unterordnerpfade.
Neu zum Home-Bildschirm hinzufügen
Entfernen Sie die alte Testverknüpfung und fügen Sie die Seite auf einem echten Gerät erneut hinzu. IcoJet exportiert ICO; die Touch-PNG muss separat im Bildeditor erstellt werden.
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">Quellen und weiterführende Informationen
Apple — Web Clip icons ↗MDN — link ↗