Wenn eine alte Website durch eine neue ersetzt wird, gibt es normalerweise jemanden, der die Texte sorgfältig Korrektur liest – Bilder werden jedoch oft als selbstverständlich mitgenommen behandelt. Erst nach dem Launch stellt man fest: Produktbilder sind unscharf, Fallstudienbilder fehlen, Banner wurden auf eine neue Größe zugeschnitten und abgeschnitten, und bei manchen Bildern weiß niemand mehr, woher sie stammen. Probleme mit Bildressourcen führen zwar nicht dazu, dass die Website nicht geöffnet werden kann, aber sie beeinträchtigen direkt den ersten Eindruck, den Besucher vom Unternehmen gewinnen, und verursachen späteren Wartungsaufwand.
Im Folgenden werden die häufigsten Probleme mit Bildressourcen in der Reihenfolge kategorisiert, in der sie bei einem Relaunch tatsächlich auftreten. Zu jeder Kategorie gibt es umsetzbare Prüfschritte, die Sie Punkt für Punkt an Ihrem eigenen Projekt durchgehen können.
1. Inventarisierungsphase: Keine Liste der Bilder der alten Website – später ist alles vom Gedächtnis abhängig
Der häufigste Fehler bei einem Relaunch ist, direkt die Startseite der alten Website zu öffnen und Screenshots zu machen oder Bilder einzeln zu speichern, anstatt zuerst systematisch alle Bilder zu erfassen. Nach einigen Jahren Betrieb können Bilder an vielen Stellen verstreut sein: im Fließtext von Artikeln, in Produktdetails, in Rubrik-Headerbildern, in Pop-ups, im Footer und mehr. Beim manuellen Durchblättern der Seiten geht leicht etwas verloren.
Eine zuverlässigere Vorgehensweise ist, zuerst eine Bildliste zu erstellen. Angenommen, die alte Website hat die drei Hauptrubriken Produkte, Fallstudien und News, dann können Sie die Bilder nach folgenden Feldern erfassen:
- Seitenadresse oder Rubrik, in der sich das Bild befindet
- Position des Bildes auf der Seite (Headerbild, Fließtext-Abbildung, Vorschaubild usw.)
- Ob die Originaldatei lokal bereits vorhanden ist
- Ob dieses Bild auf der neuen Website noch benötigt wird
- Ergebnis der Bearbeitung: behalten, ersetzen, löschen, zu klären
Die Liste muss nicht kompliziert sein – eine Tabelle reicht. Entscheidend ist, dass „welche Bilder übernommen werden und welche nicht“ zu einer abhakbaren Liste wird, anstatt kurz vor dem Launch spontan entschieden zu werden. Die Bewertungskriterien können einfach sein: Was noch zum aktuellen Geschäft passt, bleibt; Bilder von eingestellten Produkten, abgelaufenen Aktionen oder offensichtlich veraltete Teamfotos können als zu löschen oder zu ersetzen markiert werden.
2. Dateibenennung: Chinesische Namen, kryptische Namen und „IMG_0231“
Häufige Dateinamen auf alten Websites sind „微信图片_20230512.jpg“, „未标题-1.png“ oder eine Zahlenfolge. Bei der Migration selbst sind solche Dateien meist unproblematisch, aber auf der neuen Website sind sie schwer zu verwalten: Wenn ein Kollege aus dem Marketing ein bestimmtes Produktbild sucht, muss er es einzeln öffnen und anschauen.
Ein Relaunch ist ein guter Zeitpunkt, um Bilder neu zu benennen. Empfohlen wird die Form „Rubrik-Inhalt-Nummer“ in Kleinbuchstaben, auf Englisch oder in Pinyin, z. B. Produktseitenbilder als product-a-01.jpg, Fallstudienbilder als case-hangzhou-02.jpg. Die Benennungsregeln müssen nicht besonders ausgefeilt sein – Hauptsache, einige Teammitglieder verstehen sie und können nach Schlüsselwörtern suchen.
Vermeiden Sie außerdem Leerzeichen, chinesische Satzzeichen und Sonderzeichen in Dateinamen. Diese Zeichen werden bei der Übertragung zwischen verschiedenen Systemen leicht zu unleserlichen Zeichen und können im Backend fehlerhaft angezeigt werden. Nach einer einheitlichen Benennung wird das spätere Ersetzen von Bildern und die Versionskontrolle deutlich einfacher.
3. Größe und Format: Das neue Layout unterscheidet sich vom alten
Die Bildgrößen der alten Website sind auf das alte Template zugeschnitten. Nach dem Wechsel auf ein neues Layout kann dasselbe Bild gestreckt, beschnitten oder mit Leerraum dargestellt werden. Typische Erscheinungen: Headerbilder werden an den Seiten abgeschnitten, Produktbilder verzerren sich, auf dem Smartphone ist nur ein kleiner mittlerer Ausschnitt sichtbar.
Um solche Probleme zu lösen, ermitteln Sie zuerst die tatsächlichen Anzeigegrößen und Seitenverhältnisse jeder Bildposition auf der neuen Website und entscheiden dann, ob alte Bilder direkt wiederverwendet oder neu exportiert werden müssen. Angenommen, das Headerbild der neuen Startseite hat ein breites Format, während das alte Headerbild fast quadratisch ist – dann muss dieses Bild in der Regel neu zugeschnitten oder durch anderes Material ersetzt werden, anstatt es einfach hineinzuzwängen.
Beim Format gilt: Fotos in der Regel als JPG, Icons, Logos und Bilder mit transparentem Hintergrund als PNG. Wenn beim Relaunch viele sehr große Bilder auf der alten Website auffallen, können diese beim Neu-Export einheitlich komprimiert werden – aber nur so stark, dass mit bloßem Auge keine deutliche Unschärfe erkennbar ist. Produktdetails sollten nicht zugunsten der Dateigröße unscharf werden.
4. Bildlinks: Nach dem Domainwechsel sind alte Bildadressen ungültig
Wenn die neue Website eine neue Domain oder eine neue Verzeichnisstruktur verwendet, ändern sich die Zugriffsadressen der Bilder der alten Website. Bereits veröffentlichte Artikel, extern verlinkte Bilder und von Suchmaschinen indexierte Bildseiten der alten Website können dann nicht mehr geöffnet werden. Nutzer sehen leere Rahmen oder defekte Bilder – eine schlechte Erfahrung.
Vor dem Relaunch können Sie eine Liste der wichtigsten Bild-URLs der alten Website exportieren und nach dem Launch einzeln prüfen, welche Bilder noch erreichbar sind und welche nicht. Für Bilder, die erhalten bleiben sollen, sollte die neue Website möglichst ähnliche Pfade verwenden oder entsprechende Weiterleitungen einrichten. Für Bilder, die tatsächlich nicht mehr benötigt werden, sollte zumindest sichergestellt sein, dass die Seiten, die sie eingebunden haben, synchron aktualisiert wurden.
Prüfen Sie außerdem, wie Bilder im Fließtext eingebunden sind. In manchen alten Artikeln wurden Bildadressen direkt eingefügt. Nach dem Wechsel werden diese Adressen nicht automatisch aktualisiert und müssen neu hochgeladen und ersetzt werden. Bei vielen Artikeln wird dies leicht übersehen. Prüfen Sie daher rubrikweise und nicht nur die Startseite.
5. Urheberrecht und Herkunft: Bilder mit unklarer Herkunft nicht einfach übernehmen
Die Bilder auf einer alten Website können aus ganz verschiedenen Quellen stammen: von der Designagentur bereitgestellt, von Mitarbeitern selbst fotografiert, von Stockfoto-Websites heruntergeladen oder von anderen Websites gespeichert. Wenn sie beim Relaunch unverändert übernommen werden, bleiben Bilder mit unklarer Herkunft weiterhin erhalten.
Eine zuverlässige Vorgehensweise ist, in der Inventarliste eine Spalte „Quelle“ hinzuzufügen. Bilder, die nachweislich selbst fotografiert oder lizenziert wurden, können normal migriert werden. Bilder mit unbekannter Herkunft, mit Wasserzeichen anderer Marken oder solche, die irgendwo aus dem Netz gespeichert wurden, sollten ersetzt werden. Besonders an prominenten Stellen wie Startseiten-Headerbildern oder Produkthauptbildern sollten keine Materialien mit unklarer Herkunft verwendet werden.
Wenn das Unternehmen keine eigene Bildbibliothek hat, kann beim Relaunch gleich ein interner Bilderordner angelegt werden, in dem bestätigt nutzbare Bilder zentral gespeichert und mit Verwendungszweck und Quelle versehen werden. Bei einem späteren Relaunch oder für Aktionen muss dann nicht wieder mühsam nach Bildern gesucht werden.
6. Backend-Verwaltung: Nach dem Hochladen kümmert sich niemand um die Bilder
Nach dem Launch der neuen Website ändert sich auch die Bildverwaltung. Manche Backends unterstützen eine Medienbibliothek, andere erfordern das Hochladen nach Rubriken. Häufige Probleme: Dasselbe Logo wird dutzendfach hochgeladen, Bildtitel und Alternativtexte sind alle Standard-Dateinamen, und nach einiger Zeit weiß niemand mehr, welche Version die aktuellste ist.
Es wird empfohlen, nach dem Launch eine einfache Routine für die Bildverwaltung festzulegen: Vor dem Hochladen den Dateinamen gemäß den Benennungsregeln anpassen; beim Hochladen aussagekräftige Bildtitel oder Alternativtexte eintragen, damit man selbst und Kollegen sie finden können; regelmäßig nicht mehr verwendete Bilder löschen, damit die Medienbibliothek nicht überquillt. Alternativtexte müssen nicht lang sein – es reicht, wenn sie beschreiben, was auf dem Bild zu sehen ist und wo es verwendet wird.
Wenn mehrere Personen im Team für Aktualisierungen zuständig sind, sollte am besten eine Ablageregel vereinbart werden, z. B. „Produktbilder in den Produktordner, Aktionsbilder nach Jahr archivieren“. Je einfacher die Regel, desto eher wird sie befolgt. Zu komplexe Verzeichnisstrukturen werden dagegen oft ignoriert.
Bildprüfung vor dem Launch – eine Checkliste
Zum Abschluss des Relaunchs können die bildbezogenen Prüfungen in einem Durchgang erledigt werden:
- Öffnen Sie die neue Website Seite für Seite und stellen Sie sicher, dass keine defekten Bilder, leeren Bildflächen oder fehlgeschlagenen Platzhalter vorhanden sind.
- Prüfen Sie, ob Bilder auf der Startseite, in Rubrikseiten, Produktdetailseiten und Artikeln vollständig und im richtigen Seitenverhältnis angezeigt werden.
- Sehen Sie sich die Website auch auf dem Smartphone an – achten Sie besonders darauf, ob bei Header- und Produktbildern wichtige Teile abgeschnitten sind.
- Stellen Sie sicher, dass die noch benötigten Bildadressen der alten Website erreichbar sind.
- Überprüfen Sie die Bildquellen und ersetzen Sie Bilder mit unklarer Herkunft.
- Prüfen Sie Benennung und Kategorisierung der Bilder in der Backend-Medienbibliothek, damit Kollegen sie später direkt finden.
Die meisten Probleme mit Bildressourcen sind keine technischen Herausforderungen, sondern entstehen, weil sich beim Relaunch niemand speziell darum kümmert. Behandeln Sie Bilder als ebenso wichtiges Migrationsthema wie Texte, erstellen Sie vorab Listen, legen Sie Regeln fest und prüfen Sie konzentriert vor dem Launch – das erspart viele Nacharbeiten nach dem Go-live.
