Praktische Anleitungen

So wählen und bereiten Sie Website-Bilder vor

Ein nützliches Bild zeigt eine Aktivität, eine Person, einen Ort, ein Produkt oder einen Schritt, den der Text allein nicht so klar vermitteln kann. Wählen Sie es für die Seite und die Frage des Besuchers aus, bevor Sie die Datei bearbeiten oder komprimieren.

Siehe die Methode

Inhaltseditor Auswahl unterschiedlicher Fotos für Website-Seiten

Inventarisieren Sie jede Bildplatzierung

Gehen Sie als Besucher durch die Website: Zuhause, Dienstleistungen, Artikel, Listen, Karten, Testimonials und soziale Vorschauen. Für jede Platzierung, Aufzeichnungsgröße, beabsichtigtes Thema, aktuelle Datei, Eigentümer und Genehmigungsstatus. Ein fehlendes Helden- oder Internseitenbild ist in dieser Liste leichter zu erkennen als in einem Ordner voller Assets.

Markieren Sie wiederholte Bilder in einer Liste und generische Bilder, die für nicht verwandte Themen verwendet werden. Das Teilen eines Fotos über Übersetzungen derselben Seite kann sinnvoll sein. Eine Reihe von Karten, die verschiedene Aktivitäten vergleichen, erfordert normalerweise unterschiedliche Grafiken.

  • Platzierung und Zweck des Bildes.
  • Spezifisches Thema und Beziehung zur nahe gelegenen Kopie.
  • Rechte, Kredit, Version und Genehmigungsstatus.

Erstellen Sie eine Schussliste

Beschreiben Sie für jede Prioritätsseite eine kurze Szene: Wer oder was erscheint, die Einstellung, die Aktion oder das Detail und die Ausrichtung. Lassen Sie genügend Platz für mobiles Zuschneiden und vermeiden Sie das Thema, wo überlagerter Text sitzt. Ein Shooting kann ein Porträt, eine Arbeitsszene, ein materielles Detail und einen Ort liefern, ohne überall die gleiche Ernte zu wiederholen.

Wenn ein Bild von einem Dritten stammt, überprüfen Sie die Publikationserlaubnis, die zulässigen Verwendungen und identifizierbaren Personen. Präsentieren Sie keine anschauliche Szene als echtes Kundenprojekt oder -team, wenn es sich nicht um eine handelt.

  • Ein seitenspezifisches Hauptbild.
  • Ergänzende Grafik für Karten und Prozessschritte.
  • Horizontale oder vertikale Versionen passend zum Bauteil.

Optimieren Sie unter Speicherung nützlicher Informationen

Behalten Sie eine hochwertige Quelle und exportieren Sie dann Varianten für die tatsächlich angezeigten Größen. WebP und AVIF eignen sich oft gut für Fotos. Ein Browser sollte kein riesiges Bild für eine kleine Karte herunterladen. Deklarieren Sie Breite und Höhe, um Layout-Verschiebungen zu vermeiden, und priorisieren Sie das Hauptbild, das beim ersten Laden sichtbar ist.

Ein kurzer beschreibender Dateiname, kontextspezifischer alternativer Text und eine Beschriftung, wenn hilfreich, sind mehr zum Verständnis als das Füllen von EXIF-Feldern mit Schlüsselwörtern. Google Search CentralRuft Alt-Text das wichtigste beschreibende Bildattribut auf. Überprüfen Sie Credits und Rechte vor dem Strippen von Metadaten: Google kann auch verwenden IPTC-Metadaten oder Lizenzierung strukturierter Daten.

  • Responsive Varianten, geprüftes Dateigewicht und HTML-Dimensionen.
  • Alt-Text, der die Rolle des Bildes beschreibt, oder leere Alt, wenn es dekorativ ist.
  • Kredit- und Rechteinformationen im Einklang mit der Erlaubnis.

Überprüfen Sie das veröffentlichte Ergebnis

Öffnen Sie jede Seite auf Telefon und Desktop. Überprüfen Sie Zuschnitte, Schärfe, Textüberlagerungen, dunkle Hintergründe, Ladefehler und ob Kartenbilder zu ihren Zielen passen. In sozialen Vorschauen sollte das ausgewählte Bild die Seite darstellen und eine kürzere Beschneidung überleben.

Aktualisieren Sie das Inventar, wenn sich Dienste oder Kampagnen ändern. Es verhindert, dass entfernte Bilder zurückkehren, Credits verloren gehen und Hauptbilder von wichtigen Seiten verschwinden. Die Checkliste vorab starten Enthält diese Bewertung in der breiteren Besucherreise.

Inhalt aktualisiert 2. Oktober 2026

Funktionale Validierungsmatrix zur Projektanpassung

Diese vorgeschlagenen Kontrollen verwenden fiktive Fälle. Entscheiden Sie, welches Verhalten mit dem Team zu erwarten ist, schreiben Sie das Ergebnis auf und weisen Sie vor der Veröffentlichung ungelöste Abweichungen zu.

Testfälle, erwartete Ergebnisse und nützliche Beweise
FallErwartetes ErgebnisBeweis zu behalten
Ein Logo ist der einzige Inhalt eines Links.Der zugängliche Link-Name identifiziert deutlich sein Ziel.Zeichnen Sie URL, Schritte, Ergebnisse und datierten Beweisen auf.

Häufig gestellte Fragen

Benötigt jedes Bild beschreibenden alternativen Text?

Jedes Bild benötigt ein Alt-Attribut, aber sein Wert hängt von seiner Rolle ab. Beschreiben Sie nützliche Informationen und verwenden Sie einen leeren Wert für die Dekoration. Ein Logo, das als einziger Inhalt eines Links fungiert, sollte sein Ziel identifizieren. Überprüfen Sie das Ergebnis im Seitenkontext.