Bildgrößen und Bildoptimierung

Ladegeschwindigkeit

Eine Website sollte unter zwei Sekunden laden. Teste mit dem Speed-Test die Ladegeschwindigkeit deiner Website. Der Besucher verlässt uns nicht vorzeitig, d.h. User Experience, also Nutzerlebnis. Damit eine längere Verweildauer auf der Website erreicht werden kann.

Dateiname

Wichtig:

  • Keine Großbuchstaben
  • Keine Leerzeichen
  • Keine Umlaute
  • Keine Sonderzeichen
  • Bindestrich oder Underline für Trennung

Aussagekräftige Dateinamen nutzen:

  • Falsch „IMG13264.jpg“
  • Richtig „blaue-berge.jpg“

Bildbeschreibung einfügen:

  • Kurzbeschreibung des Bildes
  • Gut für Google
  • Wichtiges Element der Barrierefreiheit

Dateigröße

  • Optimal: Unter 500 kB
  • Okay: bis 650 kB
  • No-go: über 1 MB

Bildgröße

  • Full Background Image: 1920 × 1280 px
  • Bilder für Bildergalerien: 800 bis 1200 px (Breite)
  • Bilder auf Seite oder Beitrag: 400 bis 800 px (Breite)

Bildboptimierung vor dem Upload

Grundsätzlich solltest du dir vorher Gedanken machen, wie du Bilder einsetzen willst. WordPress legt beim Hochladen eines großen Bildes mehrere kleinere Bildformate an. Beim Einfügen auf eine Seite wird ein kleineres Format verwendet. Der Webspace wird dadurch unnötig zugespamt.

Bildoptimierungstools

  • I Love IMG passt Bildgröße und Bildoptimierung an
  • TinyJPG reduziert die Dateigröße der JPG-Bilder
  • Compressor verkleinert JPG- und PNG-Bilder
  • Remove BG hilft mit KI Hintergründe entfernen (bis zu 1024 px kostenlos)

Bildboptimierung beim Upload

Mit dem Plugin „Imsanity“ wird die Größe großer Bild-Uploads automatisch angepasst. Die gewünschte Größe und Qualität wählen. „Imsanity“ bietet eine Funktion zur Massenänderung der Größe, d.h. um die Größe von zuvor hochgeladenen Bildern zu ändern. Dadurch wird Speicherplatz freigegeben.