1. Bild in Squoosh laden

1. Öffne squoosh.app im Browser.

2. Zieh dein Bild ins Fenster oder klick drauf und wähle es im Finder/Explorer aus.
   Links siehst du das Original, rechts die Live-Vorschau – mit dem mittigen Slider kannst du das Ergebnis vergleichen.

2. Zielformat auf WebP stellen

1. In der rechten Sidebar findest du Compress.

2. Klick auf das Codec-Dropdown (voreingestellt meist “Browser JPEG”).

3. Wähl WebP.

4. Stell den Quality-Regler auf ca. 70 – 80 %. Schieb ihn schrittweise, bis die Vorschau sauber aussieht

3. Abmessungen verkleinern (Resize)

1. Schalt unter Resize den kleinen Toggle ein.

2. Gib bei Width oder Height die neue Pixelzahl ein.
   Das andere Feld passt sich automatisch an, solange „Maintain aspect ratio“ aktiv ist.
   Typische Richtwerte

   • Produktfoto : max. 2048 px Breite.

   • Thumbnails / Grid-Bilder : 800 px oder weniger.

3. Lass Method → Lanczos3 – das liefert scharfe Ergebnisse.

4. Download

1. Klick unten auf Download.

2. Speicher das Bild – am besten gleich mit sprechendem Namen, z. B. espresso_tasse.webp.

5. Schnelle Tipps & Stolperfallen

• Dateigrösse: Halte Produktbilder < 500 kB, Thumbnails < 200 kB.

• WebP spart oft 25 – 50 % gegenüber JPEG – Shopify liefert es problemlos aus.

• HEIC-Fotos erst in Squoosh öffnen oder vorab als JPG exportieren.

• Qualität zu matschig? Quality in 5-%-Schritten hochschieben; 85 % ist fast immer safe.

• Mehrere Bilder? Einfach nacheinander ins geöffnete Squoosh-Fenster ziehen – Stapelbearbeitung ohne Reload.