Image-Optimizer

Modulbeschreibung

Mit dem "Image-Optimizer" können Sie alle JPEG Bilder in Ihrem OXID eShop mit nur einem Klick komprimieren. Durch die Komprimierung der Bilder wird die Dateigröße verringert und somit verbessern Sie die Ladezeiten in Ihrem Shop.

Das Modul ist erhältlich auf https://www.digidesk.de/produkte/image-optimizer/

Systemvoraussetzungen

Installation

Installation von Jpegoptim

Unabhängig von der Oxid Version müssen Sie zunächst Jpegoptim installieren.

Voraussetzung ist ein SSH-Benutzer (sofern kein Direktzugriff zum Server besteht) und die Rechte zum Installieren von Paketen/Binaries.

  1. Mit dem Server über eine Konsole verbinden (z.B. Putty)

    ssh benutzer@meinserver.de
  2. Source-Code herunterladen (Stand 21.10.2015: jpegoptim v1.4.3):

    wget http://www.kokkonen.net/tjko/src/jpegoptim-1.4.3.tar.gz
  3. Paket entpacken, konfigurieren und installieren (Dateibezeichnung ist ggf. unterschiedlich):

    zcat jpegoptim-1.4.3.tar.gz | tar xf -
    cd jpegoptim-1.4.3
    ./configure
    make
    make strip
    make install

Modulinstallation ab OXID 6

  1. Falls noch nicht geschehen, laden Sie bitte zunächst das digidesk Basis-Modul herunter und installieren Sie es gemäß der enthaltenen Installationsanleitung. Sie erhalten dieses unter: https://www.digidesk.de/produkte/basis-modul

  2. Für dieses Modul erstellen Sie nun einen weiteren Unterordner "imageoptimizer" im Ordner "packages/digidesk", in den die heruntergeladene Zip-Datei entpackt wird.

  3. Führen Sie anschließend folgende Befehle aus dem Hauptverzeichnis des Shopsystems aus:

    • Produktivsystem: composer require --update-no-dev digidesk/imageoptimizer

    • Testsystem/Entwicklungssystem composer require digidesk/imageoptimizer

  4. Nun kann das Modul im OXID eShop Admin aktiviert werden

  5. Ggf. Tmp-Verzeichnis leeren und Views neu generieren

Modulinstallation bis OXID 5.3.x/4.10.x

  1. Falls noch nicht geschehen, laden Sie bitte zunächst das digidesk Basis-Modul herunter und installieren Sie es gemäß der enthaltenen Installationsanleitung. Sie erhalten dieses unter: https://www.digidesk.de/produkte/basis-modul

  2. Fügen Sie den Inhalt des Ordnerverzeichnisses des Moduls "modules/digidesk/" via FTP/SFTP unter dem gleichnamigen Pfad in Ihren Shop ein.

  3. Aktivieren Sie das Modul im OXID eShop Admin

  4. Ggf. Tmp-Verzeichnis leeren und Views neu generieren

  5. Bitte fahren Sie nun mit der Einrichtung des Moduls fort

Update

Ab Oxid 6

  1. Entpacken Sie die neue Modulversion in den Ordner "packages/digidesk/imageoptimizer".

  2. Deaktivieren Sie das Modul im OXID eShop Admin.

  3. Führen Sie anschließend folgende Befehle aus dem Hauptverzeichnis des Shopsystems aus:

    • Produktivsystem composer update --no-dev digidesk/imageoptimizer

    • Testsystem/Entwicklungssystem composer update digidesk/imageoptimizer

    Die Frage, ob Dateien des Pakets überschrieben werden sollen, bestätigen Sie bitte mit "Y".

  4. Aktivieren Sie das Modul im OXID eShop Admin.

  5. Ggf. Tmp-Verzeichnis leeren und Views neu generieren.

Bis OXID 5.3.x/4.10.x

  1. Bitte aktualisieren Sie das Basis-Modul gemäß der darin enthaltenen Installationsanleitung.

  2. Deaktivieren Sie dieses Modul im OXID eShop Admin.

  3. Fügen Sie den Inhalt des Ordners "modules/digidesk/" via FTP/SFTP unter dem gleichnamigen Pfad in Ihren Shop ein und überschreiben Sie dabei die vorhandenen Dateien des Moduls.

  4. Aktivieren Sie dieses Modul im OXID eShop Admin.

  5. Ggf. Tmp-Verzeichnis leeren und Views neu generieren.

Funktionsbeschreibung

Es werden ausschließlich JPEG-Bilder des Shops optimiert, welche sich im Pfad /out/pictures/ befinden.

Vorschau der Optimierungs-Stufe

Optimierungs-Stufe festlegen

Die Optimierungs-Stufe bestimmt wie sehr die Bilder komprimiert bzw. optimiert werden sollen. Niedrig ist dabei eine weniger sichtbare Komprimierung als Hoch. Die verlustfreie Komprimierung entfernt Informationen aus Bilddateien, die für die Anzeige nicht nötig sind. Einige Bilder können jedoch durch die verlustfreie Komprimierung dunkler werden. Außerdem ist eine zeitliche Eingrenzung möglich, welche sich nach dem Änderungsdatum richtet. Somit besteht die Möglichkeit, unterschiedlich viele Bilder zu finden.

Sobald die Optimierungs-Stufe geändert wird, aktualisiert sich die Vorschau im rechten Bereich. Mit dem Mauszeiger kann anschließend das Vorschaubild vor und nach der Optimierung verglichen werden.

Analyse durchführen

Die Analyse simuliert eine Optimierung mit der ausgewählten Optimierungs-Stufe und wertet das Ergebnis aus. Die Auswertung zeigt den zu sparenden Speicherplatz und weitere Informationen zu den Dateien und Traffic an.

Darstellung der Analyse-Ergebnisse

Optimierung durchführen

Die Optimierung führt die Komprimierung der JPEG-Bilder durch. Anschließend werden Informationen zum gesparten Speicherplatz angezeigt. Je nach Voreinstellung, kann eine Sicherung der Bilder nach der Optimierung heruntergeladen werden.

Es empfiehlt sich die Option "Sicherung der Bilder vor Optimierung durchführen" zu aktivieren, da eine Optimierung ohne Einspielen einer Sicherung nicht rückgängig zu machen ist!

Laufende Optimierung

Troubleshooting - Die häufigsten Fehler

Das Vorschaubild wird nicht geladen

Dieses Problem tritt ein, wenn das Tmp-Verzeichnis eine Regel hat, die den Zugriff auf die Dateien innerhalb des Ordners verhindert. Ersetzen Sie die vorhandene <FilesMatch .*>Regel durch die folgende:

<FilesMatch "(?<!\.jpg)$">
<IfModule mod_authz_core.c>
Require all denied
</IfModule>
<IfModule !mod_authz_core.c>
order allow,deny
deny from all
</IfModule>
</FilesMatch>

Hilfe & Support

Haben Sie Fragen oder benötigen Sie Hilfe bei der Installation? Gerne bieten wir Ihnen auch einen Installationsservice an. Kontaktieren Sie uns einfach über einer der unten stehenden Adressen.