Zeigt der Browser nach dem Austausch einer JPG-Datei weiterhin das alte Bild, stammt die Anzeige meist aus einem lokalen Zwischenspeicher. Öffne die Bildadresse zuerst in einem privaten Fenster oder lade die Seite unter Umgehung des Caches neu. Erscheint dort die neue JPG-Version, ist die Datei auf dem Server bereits richtig und nur der normale Browser-Cache veraltet.
Mit zwei Gegenproben den Cache als Ursache bestätigen
Bevor du Dateien erneut hochlädst oder das JPG nochmals exportierst, solltest du feststellen, wo die alte Version gespeichert ist. Diese Reihenfolge trennt den lokalen Browser-Cache von einem Server- oder CDN-Cache:
- Öffne die direkte Bildadresse in einem privaten beziehungsweise Inkognito-Fenster. Wird das neue JPG angezeigt, liegt das Problem im Cache des normalen Browserfensters.
- Lade die betroffene Seite mit einer erzwungenen Aktualisierung neu. Unter Windows und Linux funktioniert häufig Strg+F5 oder Strg+Umschalt+R, unter macOS meist Cmd+Umschalt+R. Die genaue Tastenkombination kann vom Browser abweichen.
- Rufe dieselbe Bildadresse auf einem zweiten Gerät oder über eine andere Internetverbindung auf. Zeigen auch diese Aufrufe das alte Bild, ist eher ein vorgeschalteter Webseiten-, Server- oder CDN-Cache beteiligt.
Prüfe außerdem die vollständige Bildadresse. Unterschiedliche Pfade, Dateinamen oder Groß- und Kleinschreibung können auf zwei getrennte Dateien verweisen. Ein ausgetauschtes foto.jpg ändert beispielsweise kein Bild, das tatsächlich unter bilder/foto-neu.jpg eingebunden ist.
Den lokalen Browser-Cache gezielt umgehen
Eine erzwungene Aktualisierung ist der risikoärmste erste Schritt, weil dabei weder gespeicherte Anmeldungen noch der gesamte Browserverlauf gelöscht werden müssen. Reicht sie nicht aus, lösche in den Browser-Einstellungen die zwischengespeicherten Bilder und Dateien. Cookies musst du für dieses JPG-Problem normalerweise nicht entfernen.
In Browsern mit Entwicklertools lässt sich der Test noch eindeutiger durchführen. Öffne die Netzwerkanalyse, aktiviere dort die Option zum Deaktivieren des Caches und lade die Seite bei geöffneten Entwicklertools neu. Die Bezeichnungen unterscheiden sich je nach Browser und Spracheinstellung. Wird nun das aktuelle JPG geladen, ist der lokale Cache als Ursache bestätigt.
Passende Anleitung öffnen →
Passende Anleitung öffnen →Das Erfolgskriterium ist nicht nur ein sichtbarer Bildwechsel. Kontrolliere bei ähnlich aussehenden Versionen zusätzlich Dateiabmessungen, Dateigröße oder einen eindeutig geänderten Bildbereich. So vermeidest du die falsche Annahme, die Aktualisierung sei fehlgeschlagen.
Wenn auch andere Geräte das alte JPG erhalten
Bleibt die alte Version geräteübergreifend sichtbar, hilft das Leeren des lokalen Browser-Caches nicht weiter. Prüfe nun, ob die neue Datei wirklich unter genau demselben Pfad und Dateinamen hochgeladen wurde. Öffne das JPG direkt über seine vollständige Adresse statt nur innerhalb der Webseite.
Bei Webseiten mit Cache-Erweiterung, Reverse Proxy oder Content Delivery Network kann eine zusätzliche Kopie außerhalb des Browsers liegen. Leere in diesem Fall den Bild- oder Seiten-Cache der verwendeten Plattform. Eine allgemeingültige Schaltfläche gibt es dafür nicht; gesucht wird im Verwaltungsbereich nach Bezeichnungen wie Cache, Seiten-Cache, Medien-Cache, CDN oder Purge.
Fehlt der Zugriff auf diesen Cache, ist ein neuer Dateiname oft die zuverlässigste Lösung. Lade beispielsweise statt header.jpg die Datei header-2.jpg hoch und passe die Einbindung an. Für regelmäßig ersetzte Bilder eignet sich alternativ eine Versionsangabe in der Bildadresse, etwa header.jpg?v=2. Ob ein CDN solche Abfrageparameter als eigene Cache-Version behandelt, hängt von seiner Konfiguration ab. Ein geänderter Dateiname ist daher eindeutiger.
Die richtige Maßnahme nach dem Testergebnis
- Neue Version nur im privaten Fenster sichtbar: lokalen Browser-Cache umgehen oder die zwischengespeicherten Bilder löschen.
- Neue Version über die direkte Bildadresse sichtbar, aber nicht auf der Webseite: Seiten-Cache leeren und die tatsächlich eingebundene Bildadresse prüfen.
- Alte Version auf mehreren Geräten sichtbar: Upload-Pfad, Server-Cache und gegebenenfalls CDN-Cache kontrollieren.
- Keine sichere Möglichkeit zum Leeren vorgeschalteter Caches: JPG unter neuem Namen hochladen und die Einbindung ändern.
- Trotz neuem Dateinamen weiterhin das alte Motiv sichtbar: prüfen, ob die bearbeitete Datei vor dem Upload gespeichert und wirklich die richtige lokale JPG-Datei ausgewählt wurde.
Bei responsiven Bildern kann eine andere JPG-Datei geladen werden
Zeigt die direkte Bildadresse die neue Version, während auf der Webseite weiterhin das alte Motiv erscheint, muss nicht zwingend ein Seiten-Cache verantwortlich sein. Viele Webseiten binden für unterschiedliche Bildschirmgrößen mehrere Bilddateien ein. Der Browser wählt dann über srcset, sizes oder ein picture-Element eine Variante aus, die von der erwarteten JPG-Adresse abweichen kann.
Prüfe in den Entwicklertools beim tatsächlich angezeigten Bild die geladene Ressource. Entscheidend ist die Adresse der Datei, die der Browser für dieses Bild auswählt, nicht nur der Wert im normalen src-Attribut. Ist dort eine kleinere oder anders benannte JPG-Version zu sehen, muss genau diese Variante ersetzt, neu erzeugt oder aus dem Medien- und Bildoptimierungs-Cache entfernt werden.
Dasselbe gilt für Bilder, die als CSS-Hintergrund eingebunden sind. Ein Austausch der sichtbaren Inhaltsgrafik ändert keinen Hintergrund, der über eine separate background-image-Adresse geladen wird. Prüfe daher bei einem unveränderten Header-, Banner- oder Hintergrundbild auch die zugehörige CSS-Datei beziehungsweise deren Bildpfad.
Häufige Fragen zum zwischengespeicherten JPG
Verringert erneutes Laden die JPG-Qualität?
Nein. Das Anzeigen, Neuladen oder Löschen einer Cache-Kopie komprimiert das JPG nicht erneut. Qualitätsverluste entstehen erst, wenn das Bild in einem Bildprogramm erneut verlustbehaftet gespeichert oder von einem Webdienst neu verarbeitet wird.
Warum zeigt nur ein Bild auf der Seite eine alte Version?
Browser speichern einzelne Ressourcen getrennt. Das HTML-Dokument kann bereits neu geladen sein, während die Bildadresse noch auf eine gültige Cache-Kopie verweist. Auch abweichende Cache-Regeln für HTML und JPG-Dateien können dieses Verhalten erklären.
Kann ein privates Fenster ebenfalls ein altes Bild zeigen?
Ja. Ein privates Fenster umgeht zwar gewöhnlich den bestehenden Cache des normalen Profils, nicht aber eine veraltete Kopie auf dem Webserver, in einem Seiten-Cache oder bei einem CDN. In diesem Fall sehen mehrere Browser oder Geräte meist dieselbe alte JPG-Version.