Seite 4 von 7
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:
- 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)
- Verwende eines dieser kostenlosen Tools:
- 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.
- Dateinamen optimieren:
- Verwende keine Leerzeichen, Großbuchstaben oder Sonderzeichen .
- Empfohlen: Kleinbuchstaben, Bindestriche (-) zur Trennung.
- Beispiel: team-2025-sommerfest.jpg statt IMG_8472.JPG
- ALT-Texte nicht vergessen:
- Füge beim Einfügen in Joomla immer aussagekräftige ALT-Texte hinzu .
- 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.