Altes Favicon wird (nur bei mir) in Safari angezeigt

Deutsch Diskussion Technische Fragen & Antworten

Topic summary

Ein Shopify-Nutzer sieht auf seinem iPhone in Safari noch das alte Favicon, obwohl es seit 3 Monaten geändert wurde. Kunden sehen korrekt das neue Icon.

Ursache:

  • Safari auf iOS speichert Favicons sehr aggressiv im Cache
  • Dies ist ein bekanntes Apple-Problem aufgrund ihrer proprietären Handhabung
  • Viele Community-Nutzer berichten über dasselbe Problem

Lösungsansätze:

  • Einstellungen → Safari → Verlauf und Websitedaten löschen
  • DNS-Cache zurücksetzen: Flugmodus aktivieren, warten, dann deaktivieren
  • In Safari about:blank aufrufen, um eine leere Seite zu erzwingen
  • Sicherstellen, dass https://deineseite.com/favicon.ico und https://deineseite.com/apple-touch-icon.png erreichbar sind
  • Prüfen, ob die apple-touch-icon.png korrekt benannt ist und die richtige Größe hat (32x32 oder 180x180 px)
  • Verifizieren, dass die site.webmanifest korrekt eingerichtet ist

Das Problem liegt primär an Safaris aggressivem Caching-Verhalten, nicht an Shopify selbst.

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

Auf meinem Shop sehe ich bei mir auf dem Iphone noch das alte Favicon, welches ich seit 3 Monaten nicht mehr benutze. Kunden sehen zum Glück nur das richtige, neue Icon.

Bei anderen CMS Systemen habe ich nicht das Problem, ich denke mein Iphone zieht oder cacht noch die alte Datei irgendwo bei Shopify ( Altes Favicon ist nicht mehr unter Dateien). Hat hier wer das gleiche Problem, dass nach einem Favicon Update, sich das Favicon in Safari nicht ändert?

2

Gibt zählige Community User die über dieses Problem berichten hier.

3

Gibt es eine passende Lösung, außer sein Iphone zurückzusetzen?

4

TLDR: Ist ein Apple Problem da Apple sehr “proprietary” ist und oft solche dinge macht. Hier berichten die User aus der Englischen Community.

FAZIT

Safari auf iOS speichert auch sehr aggressiv das Favicon-Cache. Gehe zu Einstellungen → Safari → Verlauf und Websitedaten löschen. Setze den DNS-Cache zurück, indem du den Flugmodus aktivierst, wartest und dann deaktivierst. Alternativ kannst du in Safari about:blank aufrufen, um eine leere Seite zu erzwingen.

Das Problem, dass das Favicon fehlt, wenn die Seite als Favorit hinzugefügt wird, kann mit spezifischen iOS- und Safari-Anforderungen zusammenhängen. Du hast bereits ein apple-touch-icon hinzugefügt - prüfe, ob die Datei korrekt benannt und erreichbar ist mit 32x32px oder 180x180px.

Beispiel: https://deineseite.com/apple-touch-icon.png. Safari erwartet manchmal die Datei im Root-Verzeichnis der Website, speziell für Lesezeichen. Stelle sicher, dass https://deineseite.com/favicon.ico und https://deineseite.com/apple-touch-icon.png beide erreichbar sind. Vergewissere auch , dass deine site.webmanifest korrekt eingerichtet ist.