Favicon funktioniert im Safari nicht

Deutsch Diskussion Technische Fragen & Antworten

Topic summary

Problem: Das Favicon wird auf Safari-Browsern (insbesondere iPhone) nicht korrekt angezeigt, wenn die Website als Favorit/Lesezeichen hinzugefügt wird. Stattdessen erscheint nur ein Buchstabe. Auf anderen Browsern funktioniert das Favicon einwandfrei.

Versuchte Lösungen:

  • Ergänzung des <link rel="apple-touch-icon"> Tags mit verschiedenen Größen (z.B. 180x180px)
  • Browser-Cache löschen
  • URL-Umleitung in Shopify eingerichtet
  • Überprüfung der Dateipfade und Favicon-Einstellungen im Theme

Kernproblem: Safari greift beim Hinzufügen zu Favoriten direkt auf das Root-Verzeichnis zu, unabhängig vom definierten Pfad. Shopify gewährt jedoch aus Sicherheitsgründen keinen direkten Zugriff auf das Root-Verzeichnis.

Vorgeschlagene Ansätze:

  • Nutzung der Shopify Admin API zur Manipulation der Theme-Dateien
  • Mehrere apple-touch-icon Tags mit verschiedenen Größen für unterschiedliche iOS-Versionen
  • Hochauflösende Bilder verwenden (Retina-Display-Kompatibilität)

Status: Das Problem bleibt ungelöst. Der Nutzer wird die API-basierte Lösung noch testen.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
5

Hallo Gabe,

danke für die Antwort und die Info,

das mit der url Umleitung hätte ich schon probiert, hat keine Änderung gebracht. Verschiedene Größen auch schon angegeben gehabt, auch ohne Erfolg.

Werde noch die Variante über die API probieren, die du anregst.

Schöne Grüße