Bilder optimieren

Die ideale Bildgröße hängt von deinem Design und dem gewünschten Detailgrad ab.

1. Bilder in einer passenden Größe hochladen

   • Orientiere dich an den Thumbnail-Größen die im entsprechenden Ordner der Medienverwaltung konfiguriert wurden.

   • Bilder mit 1920x1920px sind eine gute Wahl, da Shopware oftmals ein 1920px Thumbnail generiert.

   • Alternativ kannst du auch ein kleineres Format nutzen und die größeren Thumbnails deaktivieren.

   • Füge bei Bedarf eine benutzerdefinierte Größe als zusätzliche Thumbnail-Größe hinzu.

   • Nutze die Vorlagen aus den ThemeWare® Utilities deines Themes.

2. Performance berücksichtigen

   • Bilder sollten weder zu klein noch unnötig groß sein. Wähle eine Größe, die eine gute Balance zwischen Bildqualität und Ladezeit bietet.

   • Bilder sollten gut komprimiert sein, um die Dateigröße möglichst gering zu halten.

3. Empfohlene Bildoptimierung

   • Thumbnails anpassen: Passe die Thumbnail-Größen in der Medienverwaltung an dein Shop-Design an und entferne ggf. unnötige Formate. So verhinderst du überflüssige Daten und stellst sicher, dass Bilder in der optimalen Größe und Qualität geladen werden.

   • Bilder gut komprimieren: Unkomprimierte Bilder können die Ladezeit des Shops erheblich verlangsamen. Nutze Tools wie TinyPNG, um die Dateigröße zu reduzieren, ohne sichtbaren Qualitätsverlust.

   • Moderne Bildformate nutzen: WebP bietet eine deutlich bessere Komprimierung als JPG oder PNG bei gleicher oder sogar besserer Bildqualität. Shopware unterstützt WebP nativ, sodass sich dieses Format für schnellere Ladezeiten und bessere Performance empfiehlt.

   • Automatische Bildoptimierung: Im Shopware Store gibt es Erweiterungen, die Bilder automatisch optimieren, sobald sie hochgeladen werden. Diese Tools übernehmen die Komprimierung und Konvertierung in WebP, sodass keine manuelle Bearbeitung erforderlich ist.