Hier werden die Unterschiede zwischen zwei Versionen gezeigt.
Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung Nächste Überarbeitung Beide Seiten der Revision | ||
public:faqwebp [2021/01/18 14:26] markusmichalski [OXID Plugin - WebP Picuter Converter] |
public:faqwebp [2021/10/18 16:31] kamiarnader [FAQs] |
||
---|---|---|---|
Zeile 6: | Zeile 6: | ||
===== Voraussetzungen ===== | ===== Voraussetzungen ===== | ||
- | * OXID CE/PE/EE ab Version 6.0.x bis 6.2.x\\ | + | * OXID CE/PE/EE ab Version 6.0.x bis 6.3.x\\ |
* SSH-Zugang zum Shoproot | * SSH-Zugang zum Shoproot | ||
+ | * Kein Eintrag unter "sAltImageUrl" in der config.inc.php | ||
---- | ---- | ||
Zeile 15: | Zeile 16: | ||
Erstellen Sie im Verzeichnis //{shoproot}/source/modules// einen Unterordner **fc**, sollte dieser noch nicht existieren. | Erstellen Sie im Verzeichnis //{shoproot}/source/modules// einen Unterordner **fc**, sollte dieser noch nicht existieren. | ||
In dem Pluginpaket befindet sich der Ordner //fcwebp//.\\ | In dem Pluginpaket befindet sich der Ordner //fcwebp//.\\ | ||
- | Kopieren Sie den Inhalt aus diesem Ordner in das eben erstellte oder schon vorhandene Verzeichnis //fc//(bei FTP - binären Übertragungsmodus nutzen). | + | Kopieren Sie diesen Ordner in das eben erstellte oder schon vorhandene Verzeichnis //fc// (bei FTP - binären Übertragungsmodus nutzen). |
{{public:faq:webp:210118_webp_ftp_upload.png?nolink&800|}} | {{public:faq:webp:210118_webp_ftp_upload.png?nolink&800|}} | ||
Zeile 49: | Zeile 50: | ||
RewriteCond %{HTTP_ACCEPT} image/webp | RewriteCond %{HTTP_ACCEPT} image/webp | ||
RewriteCond %{REQUEST_URI} (?i)(.*)(\.jpe?g|\.png|\.gif)$ | RewriteCond %{REQUEST_URI} (?i)(.*)(\.jpe?g|\.png|\.gif)$ | ||
+ | RewriteCond %{QUERY_STRING} !.*nowebp=true.* | ||
RewriteCond %{DOCUMENT_ROOT}%1.webp -f | RewriteCond %{DOCUMENT_ROOT}%1.webp -f | ||
RewriteRule (?i)(.*)(\.jpe?g|\.png|\.gif)$ %1\.webp [L,T=image/webp] | RewriteRule (?i)(.*)(\.jpe?g|\.png|\.gif)$ %1\.webp [L,T=image/webp] | ||
Zeile 56: | Zeile 58: | ||
RewriteCond %{HTTP_HOST} ^[REPLACE WITH YOUR DOMAIN IN FORM www\.fatchip\.de] | RewriteCond %{HTTP_HOST} ^[REPLACE WITH YOUR DOMAIN IN FORM www\.fatchip\.de] | ||
RewriteCond %{REQUEST_URI} (\/out\/pictures\/generated\/) | RewriteCond %{REQUEST_URI} (\/out\/pictures\/generated\/) | ||
+ | RewriteCond %{QUERY_STRING} !.*nowebp=true.* | ||
RewriteCond %{REQUEST_FILENAME} !-d | RewriteCond %{REQUEST_FILENAME} !-d | ||
RewriteRule (\.jpe?g|\.gif|\.png)$ modules/fc/fcwebp/getwebp.php [NC] | RewriteRule (\.jpe?g|\.gif|\.png)$ modules/fc/fcwebp/getwebp.php [NC] | ||
Zeile 63: | Zeile 66: | ||
RewriteCond %{HTTP_HOST} ^[REPLACE WITH YOUR DOMAIN IN FORM www\.fatchip\.de] | RewriteCond %{HTTP_HOST} ^[REPLACE WITH YOUR DOMAIN IN FORM www\.fatchip\.de] | ||
RewriteCond %{REQUEST_URI} (\.jpe?g|\.png|\.gif) | RewriteCond %{REQUEST_URI} (\.jpe?g|\.png|\.gif) | ||
+ | RewriteCond %{QUERY_STRING} !.*nowebp=true.* | ||
RewriteCond %{REQUEST_FILENAME} -f | RewriteCond %{REQUEST_FILENAME} -f | ||
RewriteRule (\.jpe?g|\.gif|\.png)$ modules/fc/fcwebp/getwebp.php [NC] | RewriteRule (\.jpe?g|\.gif|\.png)$ modules/fc/fcwebp/getwebp.php [NC] | ||
Zeile 68: | Zeile 72: | ||
</code> | </code> | ||
Ersetzen Sie die Platzhalter mit Ihrer Domain. | Ersetzen Sie die Platzhalter mit Ihrer Domain. | ||
+ | Sollten Sie ein **Enterprise Edition** einsetzen, trennen Sie die URLs Ihrer Shops mit einer Pipe | ||
+ | <code> | ||
+ | RewriteCond %{HTTP_HOST} ^[REPLACE WITH YOUR DOMAIN IN FORM www\.fatchip\.de|REPLACE WITH YOUR SECOND DOMAIN IN FORM www\.fatchip\.de] | ||
+ | </code> | ||
Fügen Sie am Ende der ".htaccess" folgendes ein: | Fügen Sie am Ende der ".htaccess" folgendes ein: | ||
Zeile 103: | Zeile 111: | ||
^ Konfiguration ^ Beschreibung ^ | ^ Konfiguration ^ Beschreibung ^ | ||
|Supportkey|Den Supportkey finden Sie in der E-Mail mit Ihrem Plugin. Ohne Nennung dieses Keys kann Ihnen die FATCHIP GmbH keinen Support leisten.| | |Supportkey|Den Supportkey finden Sie in der E-Mail mit Ihrem Plugin. Ohne Nennung dieses Keys kann Ihnen die FATCHIP GmbH keinen Support leisten.| | ||
- | |Webp Qualität|Hier können Sie die gewünschte Qualität für die Webp-Bilder einstellen.\\ Der Standardwert ist 75| | + | |Webp Qualität|Hier können Sie die gewünschte Qualität für die Webp-Bilder einstellen.\\ Der Standardwert ist 75\\ **Bitte beachten:**\\ Bei der Verwendung einer Enterprise Edition mit Subshops, muss die Qualität in allen Subshops gleich eingestellt sein.| |
---- | ---- | ||
Zeile 127: | Zeile 135: | ||
- [[#Welche OXID eShop Versionen sind mit dem WebP Bilder Konverter Plugin von FATCHIP kompatibel?]] | - [[#Welche OXID eShop Versionen sind mit dem WebP Bilder Konverter Plugin von FATCHIP kompatibel?]] | ||
+ | - [[#Wie funktioniert die Auslieferung der WebP-Bilder an den Browser?]] | ||
+ | - [[#Wie kann ich das im Shop hinterlegte Bild (z.B. jpg) anstatt das WebP-Bild an den Browser ausliefern?]] | ||
=== 1. Welche OXID eShop Versionen sind mit dem Betreiber-Statistiken Plugin von FATCHIP kompatibel? === | === 1. Welche OXID eShop Versionen sind mit dem Betreiber-Statistiken Plugin von FATCHIP kompatibel? === | ||
Die aktuellsten Informationen hierzu erhalten Sie in der [[https://www.fatchip.de/Plugins/OXID-eShop/OXID-Plugin-WebP-Bildkonverter.html#matrix|Kompatibilitätsmatrix]] in unserem Shop. | Die aktuellsten Informationen hierzu erhalten Sie in der [[https://www.fatchip.de/Plugins/OXID-eShop/OXID-Plugin-WebP-Bildkonverter.html#matrix|Kompatibilitätsmatrix]] in unserem Shop. | ||
+ | |||
+ | === 2. Wie funktioniert die Auslieferung der WebP-Bilder an den Browser? === | ||
+ | |||
+ | * Im Quelltext wird immer der ursprüngliche Bildname ausgegeben (z.B. produktbild.jpg). | ||
+ | * Per htaccess Regel wird nun geprüft, ob der Browser des Users das Formt WebP unterstützt. | ||
+ | * Unterstützt der Browser WebP, redirected die htaccess den Browser per Rewrite Rule im Hintergrund auf das WebP Bild und sendet einen entsprechenden Dateiheader. | ||
+ | * Unterstützt der Browser das Format nicht, wird einfach das alte Bild ausgegeben. \\ So ist sichergestellt, dass jeder Browser ein Bild anzeigt. | ||
+ | |||
+ | === 3. Wie kann ich das im Shop hinterlegte Bild (z.B. jpg) anstatt das WebP-Bild an den Browser ausliefern? === | ||
+ | Über den Parameter //**nowebp=true**// kann das hinterlegte Bild anstatt das webP-Bild ausgeliefert werden. | ||
+ | |||
+ | <code>/mein_bild.jpg?nowebp=true</code> |