Ready This is a plugin especially developed for Shopware 6 Bronze certified
Image optimization (in WebP, PNG, JPEG)

Image optimization (in WebP, PNG, JPEG)

by SEA Magnet (2) Ratings Source Available 52 Downloads
Current version:

Version:

Support
Plugin details
  • SEAM612987914529
  • SEA Magnet
  • 1.0.3
  • 20 Oct 2020
  • de_DE en_GB
  • 6.2.0 – 6.2.3
    6.3.0.0 – 6.3.0.2
    6.3.1.0 – 6.3.1.1
    6.3.2.0 – 6.3.2.1
    6.3.3.0
Image optimization (in WebP, PNG, JPEG) with lazy loading through "imgix" This plugin for... more

Product information

Highlights

  • Automatische Bildkonvertierung in WebP, PNG, oder JPEG
  • Lazy Loading / Bilder Nachladen mit "Low Quality Image Placeholders (LQIP)"
  • Sofortige Bildanzeige durch Base64-Inline Thumbnails
  • Superschnelle Ladezeiten durch CDN

Description

Image optimization (in WebP, PNG, JPEG) with lazy loading through "imgix"

This plugin for image optimization in your Storefront assists you in solving two SEO (search engine optimization) issues. On the one hand, you have a "Turbo" lazy loading function, which shows instant inline Base64 images, on the other hand you have perfectly optimized images with the best possible compression and output format.


Features:

  • Automatic browser sniffing for the best possible image output format with WebP, PNG, or JPEG
  • Lightning-fast image compression & enhancement
  • Low latency and super fast load time through their CDN network with global endpoints
  • Lazy Loading with inline preview image (this was also previously optimized by imgix)


Prerequisites


Was ist "imgix"?

imgix ist führender Anbieter im Bereich der On-Demand-Bildverarbeitung für Websites und mobiler Apps. Mit der API-Schnittstelle von imgix kann man Bildtransformationen in großem Maßstab durchführen, und das alles in Echtzeit. Dies bedeutet, dass Bilder schneller geladen, dabei optimiert aussehen, und zudem Bandbreite & Speicherplatz gespart werden kann.


Wir, die SEA Magnet Ltd. stehen in keiner Weise in Verbindung mit "imgix", oder dessen Anbieter "Zebrafish Labs", noch betreiben wir Affiliate-Marketing. Wir fanden nur deren Projekt und Idee gut, und wollten dies mit euch teilen.


Support

Wir bieten dir kostenlosen Support für unseren Plugins. Schreib uns einfach ein Ticket über unser Support-Center, wir antworten sehr schnell. Du kannst dich auch über Push-Benachrichtigungen auf dem Laufenden halten.

Read, write and discuss reviews... more

Customer reviews

Average customer rating from 2 reviews:

Total
Functionality
Usability
Documentation
Support

Funktioniert 1A, aber das Nachladen kann man noch verbessern und schneller Support

24 Jun 2020

Total
Functionality
Usability
Documentation
Support
SEA Magnet
16 Oct 2020

In Corona Zeiten ist schneller support immer sehr schwierig. Wir bemühen uns aber mit nun erhöhtem Personal. Es folgen nun diverse Upgrades des Plugins, um die Ladezeiten noch weiter zu optimieren. Vielen Dank schon einmal für die tolle Bewertung.

Haben endlich schnelle Bilder

24 Jun 2020

Ein echt super hilfreiches Plugin, um endlich schnelle Bilder bei uns laden zu können. Wir hatten auch mit dem Support Kontakt und die haben uns auch auf einem Wochenende geholfen. So müsste jede Agentur arbeiten.

Zum Plugin: Super einfach einzurichten, und auch das Nachladen kann man deaktivieren, falls nicht gewünscht. Läuft und liefert schnelle Bilder. Sehr zufrieden.

Total
Functionality
Usability
Documentation
Support
SEA Magnet
24 Jun 2020

Freut uns dass es Ihnen gefällt, und Sie dadurch optimierte Bilder in Ihrem Shop anbieten können :)

Installation manual

Prerequisites


imgix | Account

Um dieses Plugin nutzen zu können, benötigst du einen Account von "imgix". 

Einen Account kannst du dir unter der folgende URL einrichten: https://dashboard.imgix.com/sign-up

  • Dein Account beinhaltet ein Startguthaben von $10 (3 Monate gültig), ohne Risiko testen.


imgix | Source

Nachdem der Account erstellt ist, muss eine neue Quelle "New Source" erstellt werden. Dazu müsst ihr im Menü auf "Sources" klicken, dann auf "+ NEW SOURCES". Bitte wähle dabei die Einstellung SIMPLE" auf der oberen rechten Seite.


1. Hier gebt ihr euren gewünschten Subdomain Namen an, z.B. "beispiel.imgix.net"

2. Im zweiten Schritt wählt ihr den Wert "Web Folder"

3. Hier tragt ihr eure Shop URL an, z.B. https://dein-shop.de oder https://dein-shop.de/media


Weitere Informationen findest du auf der offiziellen Dokumentation: https://docs.imgix.com/setup


Shopware Konfiguration


imgix Einstellungen

Nach der Einrichtung aller benötigten Informationen gehen wir nun in die Plugin-Konfiguration und tragen dort unsere gerade eben eingegeben Daten ein. 

Bei dem Parameter Optimierungen empfehlen wir "Komprimieren", "Verbessern", "Format". 


Bisherige Bilder "optimieren"

Das Plugin reagiert automatisch nur auf neu hinzugefügte Bilder, bisherige Medien werden nicht berücksichtigt. Um bisherige Bilder zu registrieren, muss einmalig ein Befehl über die Konsole ausgeführt werden:


$ ./bin/console media:generate-thumbnails


Hinweis: Eventuell meldet Shopware, dass die Bilder übersprungen wurden. Dieser Hinweis kann ignoriert werden, das Plugin registriert und optimiert die Bilder unabhängig.


Weitere Informationen

Wir, die SEA Magnet Ltd. stehen in keiner Weise in Verbindung mit "imgix", oder dessen Anbieter "Zebrafish Labs", noch betreiben wir Affiliate-Marketing. Wir fanden nur deren Projekt und Idee gut, und wollten dies mit euch teilen.

Changelog

Version 1.0.3

  • Included bundle JS dependencies into the plugin archive in order to ensure availability for custom storefront built processes.

Version 1.0.2

  • Prevent double url encoding of image urls (from now on spaces in image urls should not be an issue anymore)
  • Increase database column size for base64 image storage from 64KB to 16MB

Version 1.0.1

  • fixed image url
  • added additional thumbnail parameter for smaller size

Version 1.0.0

  • Initial release for Shopware 6

Demo

German

Frontend Demo
Backend Demo
Name demo Password demo

English

Frontend Demo
Backend Demo
Name demo Password demo

About the manufacturer

SEA Magnet SEA Magnet 2 Certifications Developer SW5 1 Developer Advanced SW5 0 Template Designer SW5 0 Template Developer SW5 0 Developer SW6 0 Developer Advanced SW6 0 Template Designer SW6 1 Template Designer Advanced SW6 0 1 Extensions 5 Ø Rating
Current version:

Version:

Recently viewed