Bilder komprimieren im JTL-Shop. Das übernimmt ab jetzt der Bildabgleich.
HDT Compresso ist das JTL-Shop Plugin, das die JPG- und PNG-Varianten deines Shops über Tinify komprimiert, den Dienst hinter TinyPNG. Neue Bilder verkleinert es beim Abgleich mit JTL-Wawi, den Bestand arbeitet der tägliche Cron ab, gedeckelt je Lauf und je Monat. Bildgrößen und WebP erzeugt weiter dein Shop.
So legt JTL-Shop 5 jedes Artikelbild ab. Format und Größe hat der Shop im Griff, beim Gewicht der Dateien hört er auf. Im PageSpeed-Bericht stehen die Bilder deshalb meist ganz oben.
1
Größen erzeugt der Shop
Aus jedem hochgeladenen Bild macht JTL-Shop 5 die Varianten XS bis XL und liefert im NOVA-Template per srcset die passende aus.
2
WebP erzeugt der Shop
Steht auf dem Server ImageMagick mit WebP-Unterstützung, erzeugt und liefert der Shop WebP selbst. Dafür braucht es kein Zusatzwerkzeug.
3
Die Bilddaten bleiben schwer
Skalieren ändert die Abmessungen, die Bilddaten werden dadurch nicht effizienter. Ein Produktbild kann in der richtigen Größe und als WebP ankommen und trotzdem doppelt so groß sein wie nötig.
4
Von Hand kommt niemand hinterher
Bilder einzeln über ein Webtool zu verkleinern, hält bei einem Dutzend Artikeln. Große Sortimente ergeben schnell zehntausende Bildvarianten, und jeder Import bringt neue dazu.
Die Lösung
Kompression, Budget und Sicherung in einem Plugin.
Compresso läuft als normales Plugin in deinem JTL-Shop und setzt an den Stellen an, an denen der Shop ohnehin Bilder verarbeitet.
Auslöser
Bildabgleich und Cron
Neue Bilder komprimiert Compresso, sobald JTL-Wawi sie überträgt. Den Bestand arbeitet der tägliche Cron in Portionen ab, per Knopfdruck startest du einen zusätzlichen Lauf.
Budget
Grenzen und Prüfsumme
Eine Höchstzahl je Lauf und je Monat begrenzt den Verbrauch bei Tinify. Eine Prüfsumme je Datei sorgt dafür, dass ein unverändertes Bild kein zweites Mal Kontingent kostet.
Rückweg
Originale sichern
Vor dem Ersetzen legt Compresso eine unveränderte Kopie in einem gesperrten Sicherungsordner ab. Gefällt dir ein Ergebnis nicht, kopierst du das Original zurück.
Von der Auswahl bis zur Sicherung.
Vier Stationen, so wie du sie im Backend deines Shops einrichtest.
Komprimiert wird, wenn der Shop Bilder anfasst
Überträgt JTL-Wawi beim Abgleich ein Artikelbild, komprimiert Compresso die Größenvarianten dieses Artikels im selben Durchgang. Kategorie-, Hersteller-, Merkmal- und Merkmalwertbilder nimmt es am Ende des Bildabgleichs mit. Für den Bestand läuft einmal am Tag der Cron des Shops, und in der Übersicht startest du einen Lauf per Knopfdruck.
Verarbeitet werden JPG-, JPEG- und PNG-Dateien
Den Cronjob legt die Installation an, er läuft im Tagesrhythmus
Jeder Cron-Lauf schreibt sein Ergebnis ins Log des Shops
Du legst fest, was komprimiert wird und wie viel
Je Bildart, also Artikel, Kategorie, Hersteller, Merkmal und Merkmalwert, wählst du aus den Größen XS bis XL die aus, die komprimiert werden. Eine Bildart ohne Auswahl bleibt unberührt. Ordner außerhalb der Standardverzeichnisse, etwa für Slider, Banner oder CMS-Grafiken, trägst du als eigenes Verzeichnis ein oder wählst sie im Verzeichnisbaum. Sie werden rekursiv und ohne Größenfilter verarbeitet.
Höchstzahl je Monat, voreingestellt auf 500 wie das kostenlose Tinify-Kontingent; 0 hebt sie auf
Bilder je Lauf, voreingestellt auf 10, begrenzen jeden einzelnen Durchgang
Ist das Kontingent erreicht, endet der Lauf sofort
Jedes Bild geht nur einmal an Tinify
Nach jeder Kompression speichert Compresso eine Prüfsumme der Datei in einer eigenen Tabelle der Shop-Datenbank. Beim nächsten Lauf wird ein unverändertes Bild übersprungen, ein geändertes erneut komprimiert. Die Übersicht zeigt den Monatsverbrauch, wie Tinify ihn für deinen API-Key meldet, gegen deine eigene Grenze.
Seit Version 1.4.0 überstehen die Vermerke jedes Plugin-Update
Pfade werden relativ zum Shop gespeichert und überstehen einen Umzug des Verzeichnisses
Der Systemstatus zeigt Plugin, Lizenz, Tinify-Schlüssel, Cron und Sicherung
Das Original liegt gesichert daneben
Die komprimierte Fassung ersetzt die Datei an ihrem Platz, Template und Bild-URLs bleiben, wie sie sind. Ist „Originale sichern“ eingeschaltet, und das ist die Voreinstellung, legt Compresso vorher eine unveränderte Kopie unter compresso_backup/ ab, in derselben Ordnerstruktur wie im Shop. Willst du ein Bild zurück, kopierst du es an seinen Platz.
Eine .htaccess sperrt den Sicherungsordner gegen Abruf, solange Sicherungen darin liegen
Scheitert die Sicherung, bleibt das Original unangetastet
Eine vorhandene Sicherung wird nie überschrieben
Was sich für dich ändert.
Sieben Stellen, an denen aus Handarbeit ein Lauf im Hintergrund wird.
Bereich
Heute
Mit Compresso
Neue Artikelbilder
Gehen so in den Shop, wie sie aus der Wawi kommen
Beim Bildabgleich komprimiert, in den gewählten Größen
Kategorie- und Herstellerbilder
Bleiben, wie sie hochgeladen wurden
Am Ende des Bildabgleichs mitgenommen
Bestand
Liegt unkomprimiert, bis jemand Zeit hat
Der tägliche Cron arbeitet ihn in Portionen ab
Slider und Banner
Außerhalb jeder Routine
Eigene Verzeichnisse, rekursiv verarbeitet
Tinify-Verbrauch
Ohne Obergrenze
Gedeckelt je Lauf und Monat, Stand in der Übersicht
Originale
Nach dem Überschreiben verloren
Kopie im gesperrten Sicherungsordner
WebP und Bildgrößen
Erzeugt der Shop
Bleiben beim Shop, die JPG- und PNG-Fallbacks werden kleiner
Dein Aufwand
Jedes Bild einzeln, wenn jemand daran denkt
Einmal einrichten, danach läuft es im Hintergrund
Der Rahmen
Eingehängt, wo der Shop Bilder verarbeitet.
Compresso nutzt die Hooks des Bildabgleichs und den Cron von JTL-Shop. Template und Bildeinstellungen des Shops fasst es nicht an.
1
WebP und Größen bleiben beim Shop
Bildgrößen, Qualitätsstufen und die WebP-Erzeugung über ImageMagick sind Sache von JTL-Shop 5. Compresso komprimiert die JPG- und PNG-Dateien, die der Shop daraus erzeugt hat.
2
Eine Verbindung nach außen, zu Tinify
Zur Kompression geht jede betroffene Bilddatei an die Tinify-API und kommt verkleinert zurück. Tinify rechnet direkt mit dir ab, zu deren Konditionen. Den API-Key hinterlegst du in den Plugin-Einstellungen.
3
Ein Schalter für alle drei Wege
Der Status-Schalter im Kopf der Oberfläche gilt für Abgleich, Cron und Knopfdruck gemeinsam. Steht er auf inaktiv, geht kein Bild an Tinify. Der Cron braucht außerdem den Schalter „Cronjob nutzen“ und eine gültige Lizenz, ohne Lizenz bleiben die Einstellungen gesperrt.
4
Updatesicher und sauber entfernbar
Prüfsummen und Einstellungen liegen in eigenen Tabellen der Shop-Datenbank und überstehen Updates. „Zurücksetzen“ stellt die Vorgaben wieder her und behält die Lizenz. Bei vollständiger Deinstallation bleiben keine Plugin-Tabellen zurück.
5
Voraussetzungen
JTL-Shop ab 5.3, PHP mit cURL, ausgehende HTTPS-Verbindungen und Schreibrechte auf die Bildverzeichnisse. Für den zeitgesteuerten Lauf muss der Cron des Shops eingerichtet sein.
Der Nutzen
Was jede Seite davon hat.
Leichtere Bilder merkt man beim Laden der Seite, in der Bildpflege und bei den Kosten für die Kompression.
1
Besucher
Bekommen dieselben Bilder mit weniger Kilobytes. Die Seite baut sich schneller auf, gerade mobil und bei langsamer Verbindung.
2
Team
Lädt Bilder wie gewohnt in JTL-Wawi hoch. Vorher muss niemand sie durch ein externes Werkzeug schicken, die Kompression passiert beim Abgleich.
3
Shopbetreiber
Sieht den Effekt in leichteren Seiten und besseren Werten beim Largest Contentful Paint. Die Kosten stehen vorher fest. Das Plugin kostet 69 €, Tinify rechnet bis zu der Grenze ab, die du selbst setzt.
In vier Schritten zum ersten komprimierten Bild.
Installation über die Plugin-Verwaltung deines Shops, der Cronjob wird dabei angelegt. Wer mag, lässt uns per Fernwartung ran.
01
Kaufen und installieren
Im JTL Extension Store kaufen, die Lizenz im JTL-Kundencenter an deinen Shop binden, Plugin installieren und aktivieren. Bis die Lizenz gebunden ist, bleiben die Einstellungen gesperrt.
02
Tinify anbinden
Unter tinypng.com/developers kostenlos registrieren, den API-Key eintragen, Höchstzahl je Monat und Bilder je Lauf setzen. „Originale sichern“ ist ab Werk eingeschaltet.
03
Bildarten und Größen wählen
Je Bildart die Größen ankreuzen, eigene Verzeichnisse ergänzen, „Cronjob nutzen“ einschalten und den Status auf aktiv stellen.
04
Ersten Lauf prüfen
In der Übersicht einen Lauf starten. Mit der Voreinstellung von 10 Bildern je Lauf siehst du dir das Ergebnis an, bevor du die Grenze hochsetzt.
Lizenz
69 €einmalig, netto
Plugin für JTL-Shop 5.3 bis 5.8, Installation über die Plugin-Verwaltung
Täglicher Cronjob, bei der Installation automatisch angelegt
Dokumentation direkt im Plugin-Backend
Einzelshop-Lizenz, verwaltet im JTL-Kundencenter
12 Monate Updates und Support inklusive, danach 69 € je weitere 12 Monate
Verlängerst du die Updates nicht, läuft Compresso weiter. Für die Kompression brauchst du einen eigenen Tinify-API-Key. Der kostenlose Tarif enthält 500 Komprimierungen pro Monat, darüber hinaus rechnet Tinify direkt mit dir ab. Mehrfachlizenz für Servicepartner auf Anfrage.
Services
29 € / 69 €einmalig, netto
Buchst du beim Kauf im Store mit. Die Installation für 29 € umfasst Lizenz, Tinify-Key, Bildarten und Größen, Limits passend zu deinem Tinify-Kontingent, den Cron-Lauf und einen ersten kontrollierten Durchgang über einen Teil deiner Bilder. Die Einrichtung für 69 € enthält die Installation, wertet aus, wie viele Bilder dein Shop in welchen Größen ausliefert, empfiehlt den passenden Tinify-Tarif, prüft die Bildkonfiguration von JTL-Shop 5 und begleitet die Kompression des Bestands über mehrere Cron-Läufe, mit Vorher-Nachher-Auswertung der Bildgewichte.
Wir bauen Erweiterungen für JTL-Shop so, dass der Shop behält, was er selbst kann. Compresso übernimmt die eine Aufgabe, die JTL-Shop 5 bei Bildern offen lässt, und nutzt dafür die Stellen, die der Shop vorsieht: die Hooks im Bildabgleich und den eigenen Cron. Wenn dir in deinem Shop eine ähnliche Lücke auffällt, sprechen wir darüber, was sich als Plugin lösen lässt.
Häufige Fragen
Häufige Fragen zu Compresso
Für Compresso brauchst du einen eigenen Tinify-API-Key. Die Registrierung unter tinypng.com/developers ist kostenlos und enthält 500 Komprimierungen pro Monat. Darüber hinaus rechnet Tinify je Bild direkt mit dir ab, zu deren Konditionen. Mit der Höchstzahl je Monat und der Grenze je Lauf legst du selbst fest, wie viel Compresso davon verbrauchen darf. Die Voreinstellung von 500 entspricht dem kostenlosen Kontingent.
Tinify komprimiert perzeptuell und entfernt gezielt Bildinformationen, die das Auge nicht wahrnimmt. Bei Produkt- und Shopbildern ist der Unterschied in der Regel nicht zu erkennen, messbar ist die kleinere Datei. Die Kompression ist verlustbehaftet. Lass deshalb „Originale sichern“ eingeschaltet, bis du mit dem Ergebnis zufrieden bist.
Ja, solange „Originale sichern“ eingeschaltet war, und ab Werk ist es das. Compresso legt vor jeder Kompression eine unveränderte Kopie unter compresso_backup/ ab, in derselben Ordnerstruktur wie im Shop. Um ein Bild zurückzuholen, kopierst du es an seinen ursprünglichen Platz. Die Ausgangsbilder deiner Artikel liegen außerdem weiterhin in JTL-Wawi.
JTL-Shop 5 erzeugt und liefert WebP selbst, sofern auf dem Server ImageMagick mit WebP-Unterstützung läuft. Compresso überlässt Format und Bildgrößen dem Shop und komprimiert die JPG- und PNG-Dateien, die er erzeugt. Dadurch werden auch die Fallbacks kleiner, die Browser ohne WebP laden.
Du kaufst Compresso im JTL Extension Store für 69 € netto, inklusive 12 Monaten Updates und Support. Die Verlängerung der Update-Subscription um weitere 12 Monate kostet 69 €. Läuft sie aus, komprimiert Compresso weiter, es bekommt nur keine Updates mehr. Die Lizenz gilt für eine Shop-Domain und wird im JTL-Kundencenter verwaltet. Für Servicepartner gibt es eine Mehrfachlizenz auf Anfrage.
Fragen vor dem Kauf
Lohnt sich Compresso für deinen Bildbestand?
Wir schauen uns an, wie viele Bilder dein Shop in welchen Größen ausliefert, und sagen dir, welche Grenzen und welcher Tinify-Tarif dazu passen.
