Optimierung von Bildern für Mobiltelefone

Normalerweise geben Sie ein Bild mit einer festen Größe an. Aber mobile Nutzer brauchen kein 800 Pixel großes Bild - sie brauchen vielleicht nur 400 Pixel. Mit responsiven Bildern können Sie den Browser die richtige Größe wählen lassen.

Automatische Optimierung

Shoporama optimiert Ihre Bilder automatisch:

• WebP-Konvertierung - Bilder werden automatisch in WebP konvertiert, damit sie schneller geladen werden
• Skalierung - Bilder werden über den Bildmodifikator auf die gewünschte Größe skaliert
• Qualitätsanpassung - Sie können die JPEG-Qualität anpassen

Responsive Bilder in Themes

In Ihrem Smarty-Theme können Sie srcset verwenden, um verschiedene Größen bereitzustellen:

<img src="<{$product->getImage()|image:400:400:85}>" srcset="<{$product->getImage()|image:400:400:85}> 400w, <{$product->getImage()|image:800:800:85}> 800w" sizes="(max-width: 640px) 400px, 800px" alt="<{$product->getTitle()}>" >

Bild modifizieren

Die Syntax lautet:

<{$image|image:width:height:quality}>

• Breite - gewünschte Breite in Pixeln
• Höhe - gewünschte Höhe in Pixeln
• Qualität - JPEG-Qualität 0-100 (empfohlen: 80-90)

Brauchen Sie Hilfe? Kontaktieren Sie uns unter support@shoporama.dk.