Bilder & Videos für Webseiten

Woher Sie gute Bilder bekommen, welches Format schnell lädt und worauf Sie bei den Rechten achten müssen.

Bilder

Format, Größe, Alt-Text, Lizenz: Was bei Bildern auf Ihrer Webseite zählt

Bilder und Videos machen den Großteil dessen aus, was beim Aufruf einer Webseite geladen wird. Die richtige Wahl entscheidet über die Ladezeit, über die Lesbarkeit und darüber, wie gut Google die Seite einstuft.

Bildformate
Für Fotos nehme ich WebP: Dieses Format ist meist kleiner als JPEG oder PNG bei gleicher Qualität, und für ältere Browser lege ich eine JPEG-Fassung daneben. Logos, Symbole und klare Kanten speichere ich als SVG, damit sie in jeder Größe scharf bleiben. PNG nehme ich nur dort, wo ein Bild durchsichtige Stellen braucht und SVG nicht passt. AVIF setze ich nicht pauschal ein – dieselbe Qualitätszahl wie bei WebP heißt nicht automatisch eine kleinere Datei. Die WebP-Fassungen erzeugt Contao automatisch.

Größe statt nur Format
Ein 4000 Pixel breites Foto in einer 400 Pixel breiten Spalte bremst jede Seite aus, ganz gleich in welchem Format. Ein Bild sollte deshalb nur so groß gespeichert sein, wie es auf der Seite angezeigt wird – höchstens doppelt so groß, damit es auf feinen Bildschirmen scharf bleibt. Nichts sollte größer ankommen, als der Bildschirm braucht; um die passende Größe kümmert sich die Technik im Hintergrund.

Alt-Text
Geben Sie jedem Bild einen kurzen Beschreibungstext, den Alt-Text. Ihn liest die Vorlesesoftware blinder Besucher vor, und die Google-Bildersuche findet Ihr Bild darüber. Gut: „Kölner Dom bei Abendlicht, Blick vom Rhein“. Schlecht: „Bild1“ oder der Dateiname. Dekorative Hintergründe dürfen leer bleiben, Inhaltsbilder nicht.

Videos einbinden
Kurze Hintergrund- oder Erklärvideos lockern eine Seite auf. Sie starten von selbst, aber ohne Ton, zeigen vorher ein Standbild und sind vorher verkleinert worden. Längere Filme liegen besser bei YouTube oder Vimeo, damit Ihre eigene Seite schnell bleibt. Weil dabei Daten an den Anbieter gehen, startet so ein Video erst nach einem zweiten Klick – damit bleiben Sie beim Datenschutz auf der sicheren Seite.

Lizenzen
Nicht jedes Bild aus dem Netz darf auf Ihre Webseite. Erlaubt sind eigene Aufnahmen, gekaufte Stock-Bilder oder klar lizenzierte Datenbanken wie die unten aufgeführten – „gefunden bei Google“ ist keine Lizenz. So bleiben Abmahnungen aus.