Bildoptimierung in Joomla 6 - 
Fünf konkrete, praktikable Beispiele zur

Beispiel 1: Automatische WebP-Konvertierung mit DC jWEBP (kostenlos)

Ziel: JPG- und PNG-Bilder automatisch in das moderne WebP-Format konvertieren – ohne manuellen Aufwand und ohne Änderungen an Datenbank oder Templates .

Geeignet für: Einsteiger, kleine Websites, Testumgebungen – komplett kostenlos.

Plugin-Name: DC jWEBP
Plugin-Typ: Systemplugin (kostenlos)
Joomla-Kompatibilität: Joomla 5 und 6 (native Unterstützung)
Download-Link (JED): https://extensions.joomla.org/extension/dc-jwebp/

Schritt-für-Schritt-Anleitung:

1. Plugin herunterladen und installieren:
   • Gehe zu System → Installieren → Erweiterungen (im Bereich "Verwalten").
   • Lade die heruntergeladene ZIP-Datei über "Paketdatei hochladen" hoch.
2. Plugin aktivieren:
   • Gehe zu System → Plugins (im Bereich "Verwalten").
   • Gib im Suchfilter den Begriff "DC jWEBP" ein.
   • Klicke auf den Plugin-Titel und setze den Status auf Aktiviert (grüner Haken).
3. Konfiguration (optional anpassen):
   • Im gleichen Bearbeitungsfenster findest du die Einstellungen :
     • WebP-Qualität: Standard 80 (Wert zwischen 0-100)
     • Lazy Loading aktivieren: Sollte aktiviert bleiben (fügt loading="lazy" hinzu)
     • Ausgeschlossene Ordner: Hier kannst du Ordner angeben, die nicht konvertiert werden sollen (z.B. /images/banner)
4. Fertig! Das Plugin arbeitet vollautomatisch. Es konvertiert Bilder beim ersten Aufruf und ersetzt die Bildpfade direkt im generierten HTML .

So testest du es:
Öffne deine Website im Browser, öffne die Entwicklertools (F12) und gehe zum Reiter "Netzwerk". Lade die Seite neu und suche nach Bildern mit der Endung .webp. Du wirst feststellen, dass JPG- und PNG-Bilder jetzt als WebP ausgeliefert werden.

Beispiel 2: Automatische Bildgrößenanpassung mit Easy Image Resizer (EIR)

Ziel: Zu große Bilder automatisch beim Upload verkleinern und optional mehrere Bildgrößen (Thumbnails) erstellen lassen .

Geeignet für: Redaktionen, bei denen viele Autoren Bilder hochladen und nicht immer an die optimale Größe denken.

Plugin-Name: Easy Image Resizer (EIR)
Plugin-Typ: Systemplugin (kostenlose und Pro-Version verfügbar)
Joomla-Kompatibilität: Joomla 6 (Version 6.0.0.0-PRO verfügbar) 
Download-Link: https://kubik-rubik.de/eir-easy-image-resizer

Schritt-für-Schritt-Anleitung:

1. Plugin installieren:
   • Gehe zu System → Installieren → Erweiterungen.
   • Lade die ZIP-Datei hoch und installiere sie.
2. Plugin aktivieren:
   • Gehe zu System → Plugins.
   • Suche nach "Easy Image Resizer" oder "EIR".
   • Öffne das Plugin und setze den Status auf Aktiviert.
3. Grundeinstellungen vornehmen:
   • Im Reiter "Einstellungen" konfigurierst du :
     • Maximale Bildbreite: z.B. 1920 Pixel (für Full-HD-Displays)
     • Maximale Bildhöhe: z.B. 1080 Pixel
     • Skalierungsmethode: "SCALE INSIDE" (passt das Bild proportional in die angegebenen Maße ein)
     • JPG-Qualität: 85% (guter Kompromiss)
4. WebP-Konvertierung aktivieren (Pro-Version):
   • Aktiviere "Convert multi-size images to WebP", um automatisch WebP-Kopien zu erstellen .
   • Optional: Aktiviere "Delete images after WebP conversion", um Originale zu löschen.
5. Optimus.io-Integration für verlustfreie Komprimierung (optional):
   • Im Plugin kannst du den Dienst Optimus.io für verlustfreie Komprimierung aktivieren .
   • Für Bilder unter 100KB ist der Dienst kostenlos.

Wichtig: Das Plugin verarbeitet nur neu hochgeladene Bilder. Bestehende Bilder werden nicht automatisch angepasst (nur in der Pro-Version über einen Batch-Prozess möglich) .

Beispiel 3: Gezielte WebP-Konvertierung mit WebP Converter for Joomla

Ziel: Gezielte Kontrolle über die WebP-Konvertierung mit Option, Originaldateien zu löschen oder zu behalten .

Geeignet für: Anwender, die eine schlanke, fokussierte Lösung ohne Schnickschnack suchen.

Plugin-Name: WebP Converter for Joomla
Plugin-Typ: Systemplugin (kommerziell)
Joomla-Kompatibilität: Joomla 5 und 6 
Download-Link (JED): https://extensions.joomla.org/extension/webp-converter-for-joomla/

Schritt-für-Schritt-Anleitung:

1. Plugin erwerben und installieren:
   • Besuche die JED-Seite des Plugins und folge dem Link zum Kauf.
   • Installiere die heruntergeladene ZIP-Datei über System → Installieren → Erweiterungen.
2. Plugin konfigurieren:
   • Gehe zu System → Plugins und öffne "WebP Converter for Joomla".
   • Stelle folgende Optionen ein :
     • WebP-Qualität: 80% (empfohlen)
     • Originaldateien behandeln: Wähle zwischen "Behalten" oder "Nach Konvertierung löschen"
     • Ordnerstruktur beachten: Aktiviert lassen
3. Testupload durchführen:
   • Gehe zu Inhalt → Medien.
   • Lade ein Testbild in einen beliebigen Unterordner hoch (z.B. /images/blog/).
   • Das Plugin konvertiert das Bild automatisch direkt nach dem Upload .

Besonderheit: Dieses Plugin ist bewusst schlank gehalten – es erstellt keine Datenbanktabellen, benötigt keine Cronjobs und hat keine externen Abhängigkeiten .

Beispiel 4: Manuelle Bildoptimierung vor dem Upload

Ziel: Maximale Kontrolle über jedes einzelne Bild durch Optimierung außerhalb von Joomla.

Geeignet für: Entwickler und alle, die die volle Kontrolle über jeden Optimierungsschritt haben möchten.

Benötigte Werkzeuge: Kostenlose Online-Tools oder Desktop-Software.

Schritt-für-Schritt-Anleitung:

1. Bilder lokal optimieren:
   • Verwende eines dieser kostenlosen Tools:
     • TinyPNG/TinyJPG: https://tinypng.com/
     • Squoosh: https://squoosh.app/ (von Google, mit visuellem Qualitätsvergleich)
     • ImageOptim (Mac) oder FileOptimizer (Windows)
2. Optimale Bildgröße wählen:
   • Bestimme die maximale Anzeigegröße in deinem Template (z.B. Content-Bereich 1200px).
   • Skaliere Bilder vor dem Upload auf genau diese Größe – nicht größer .
   • Beispiel: Lade keine 4000px breiten Fotos hoch, die dann per CSS auf 800px skaliert werden.
3. Dateinamen optimieren:
   • Verwende keine Leerzeichen, Großbuchstaben oder Sonderzeichen .
   • Empfohlen: Kleinbuchstaben, Bindestriche (-) zur Trennung.
   • Beispiel: team-2025-sommerfest.jpg statt IMG_8472.JPG
4. ALT-Texte nicht vergessen:
   • Füge beim Einfügen in Joomla immer aussagekräftige ALT-Texte hinzu .
5. Hochladen:
   • Gehe zu Inhalt → Medien.
   • Lade die optimierten Bilder in die passenden Unterordner hoch.

Vorteil dieser Methode: Maximale Kontrolle, keine Serverlast durch Konvertierung, optimale Qualität pro Bild.

Beispiel 5: Kombinierte Optimierung mit ShortPixel Image Optimizer

Ziel: Professionelle Komplettlösung mit automatischer Komprimierung, WebP-Konvertierung und Batch-Optimierung bestehender Bilder.

Geeignet für: Professionelle Websites mit vielen Bildern und bestehenden Archiven.

Plugin-Name: ShortPixel Image Optimizer
Plugin-Typ: Systemplugin (kostenlos mit monatlichem Kontingent / kostenpflichtige Erweiterungen)
Joomla-Kompatibilität: Joomla 3, 4, 5 und 6
Download-Link (JED): https://extensions.joomla.org/extension/shortpixel-image-optimizer/

Schritt-für-Schritt-Anleitung:

1. Plugin installieren:
   • Gehe zu System → Installieren → Erweiterungen.
   • Lade die ZIP-Datei hoch und installiere sie.
2. API-Key einrichten:
   • Registriere dich kostenlos auf https://shortpixel.com/.
   • Kopiere deinen API-Key.
   • Gehe zu Komponenten → ShortPixel und füge den Key ein.
3. Grundeinstellungen vornehmen:
   • Komprimierungsstufe: "Lossy" (für Fotos) oder "Glossy" (für Produktbilder)
   • WebP-Konvertierung: Aktiviere "Create WebP copies"
   • Lazy Loading: Optional aktivieren
4. Bestehende Bilder optimieren (Batch):
   • Gehe zu Komponenten → ShortPixel → Bericht.
   • Klicke auf "Alle Bilder optimieren".
   • Das Plugin scannt nun dein gesamtes /images-Verzeichnis und optimiert alle gefundenen Bilder.
5. Automatik für neue Bilder:
   • Im Reiter "Erweitert" aktiviere "Automatisch bei Upload optimieren".
   • Ab jetzt werden alle neu hochgeladenen Bilder automatisch optimiert.

Vorteile: Umfassende Statistik, Backup der Originale, CDN-Integration möglich, monatliches Kontingent für regelmäßige Optimierungen.

Zusammenfassung der wichtigsten Pfade und URLs

Meine Empfehlung:

• Für Einsteiger: DC jWEBP (kostenlos, keine Konfiguration)
• Für Redaktionen: Easy Image Resizer (verhindert zu große Uploads) + ShortPixel (für Qualitätskontrolle)
• Für Entwickler: Manuelle Optimierung für maximale Kontrolle
• Für große Websites mit Bestandsbildern: ShortPixel mit Batch-Optimierung

Alle genannten Plugins sind nachweislich Joomla-6-kompatibel und wurden für die aktuellen Versionen getestet