WooCommerce Produktbilder richtig optimieren

WooCommerce Produktbilder richtig optimieren

Produktbilder spielen in WooCommerce eine große Rolle. Dieser Blogbeitrag erklärt die Funktionsweise und zeigt die optimalen Einstellungen und Optimierung der WooCommerce Produktbilder u.a. zur Verbesserung der Website-Geschwindigkeit. 

Produktbild

Optimale Größe der Produktbilder in WooCommerce

WooCommerce empfiehlt für Produktbilder eine Mindestgröße von 800 * 800 Pixel . 

Produktbild

Format

Optimales Format

WooCommerce empfiehlt als Grafikformat für Produktbilder JPEG. Bei Produktbilder mit Transparenz PNG.

Format

Produktbilder

3 Unterschiedliche Produktbilder

Aus dem original Produktbild erstellt WooCommerce drei unterschiedliche Produktbilder. 

 Einzelproduktbild
Das größte Bild auf der Produktdetailseite

Katalogbild
Mittelgroße Bilder für Shop- oder Archivseite

Bildminiaturen
Die kleinsten Bilder für Widgets oder Galerien 

Produktbilder

Geschwindigkeit WooCommerce

Zu große Bilder bremsen WooCommerce aus

Es gibt drei unterschiedliche Möglichkeiten Bilder zu komprimieren. 

Geschwindigkeit WooCommerce

Bildbearbeitungsprogramme

Software

Bildbearbeitungsprogramme ermöglichen Bilder für das Web zu optimieren.

Adobe Photoshop Express
TinyPic
Image Resizer

Bildbearbeitungsprogramme

Online Optimierer

Online Bild Optimierer

Kostenlose Bildkompressoren als Web-Service.

TinyPNG
Optimizilla
Compressnow
JPEG-Optimizer

Online Optimierer

Plugins WordPress

Plugins zur Bildkomprimierung

Plugins machen die Bildkomprimierung in WordPress und WooCommerce sehr einfach.

Optimus
Smush Image
EWWW Image Optimizer
ShortPixel
Imagify
Compress JPEG & PNG Images

Plugins WordPress

Weitere Informationen

Informationen WooCommerce

Zwei Beiträge zeigen die optimalen Einstellungen für Produktbilder. 
1.
Schnell ladende, fantastisch aussehende Produktbilder
2.
Hinzufügen von Produktbildern und Galerien in WooCommerce

Weitere Informationen

Snippet

Bild Effekte ausschalten

WooCommerce bietet für die Produktbilder als Effekte den Zoom und die LightBox an. Folgendes Snippet deaktiviert diese Funktionen:

Weitere WooCommerce Snippets gibt es in der Snippet Datenbank.

Snippet
Video abspielen

Hinterlasse einen Kommentar

  Abonnieren  
Benachrichtige mich bei