Perfect Images Pro ist die kostenpflichtige Version von WP Retina 2x, einem WordPress-Plugin von Meow Apps, das Versionen der Website-Bilder mit 2-facher Auflösung für Displays mit hoher Pixeldichte (Retina) erzeugt. Für jede registrierte WordPress-Bildgröße erstellt das Plugin ein entsprechendes Bild mit doppelter Breite und Höhe und stellt größeren Dateien über den standardmäßigen HTML-srcset-Mechanismus für Bildschirme bereit, deren Pixeldichte diese Dateien nutzen kann.
Erzeugung der Bilder
WordPress registriert je nach Theme und Plugin eine Reihe von Bildgrößen (Thumbnail, mittel, groß sowie benutzerdefinierte Größen, die ein Theme definiert). WP Retina 2x liest diese Liste der registrierten Größen aus und erzeugt für jede Größe eine entsprechende @2x-Datei mit den doppelten Pixelabmessungen des ursprünglichen Uploads. Ein 300×200 Pixel großes Bild der Größe „mittel“ erhält eine passende 600×400 Pixel große Retina-Datei; der Browser wählt die Datei aus, die zur Pixeldichte des Displays passt.
Bildstatus und erneute Erzeugung
Das Dashboard des Plugins listet Bilder nach ihrem Retina-Status auf – einschließlich der Bilder mit einem vollständigen Satz von 2x-Dateien und der Bilder, bei denen eine Datei fehlt. Das ist typischerweise der Fall, wenn eine neue Bildgröße registriert wurde, nachdem das Bild hochgeladen wurde, oder wenn ein Bild hochgeladen wurde, bevor das Plugin aktiv war. Ein Befehl zur erneuten Erzeugung erstellt die fehlenden Größen gesammelt, sodass nicht jedes Quellbild erneut hochgeladen werden muss.
Grenzen
- Qualität der Quelle: Das Plugin erzeugt eine größere Datei aus dem vorhandenen Upload. Es fügt einem Bild mit niedriger Auflösung oder einer bereits komprimierten Quelldatei keine Details hinzu. Ein unscharfes Original ergibt eine größere unscharfe Datei.
- Speicherplatz: Die Retina-Erzeugung verdoppelt den Bildspeicherbedarf für jede von WordPress registrierte Größe annähernd, da für jede Größe eine 1x- und eine 2x-Datei erstellt wird. Bei einer großen Mediathek führt dies zu einer deutlichen Erhöhung der Festplattennutzung.
- Vektorgrafiken: SVG-Logos und -Symbole benötigen dies nicht, da sie bereits ohne Pixelverlust skaliert werden können. Die Retina-Erzeugung gilt für Rasterformate (JPG, PNG, WebP).
Pro im Vergleich zur kostenlosen Version
Das kostenlose Plugin WP Retina 2x deckt den grundlegenden Mechanismus zur Erzeugung und Bereitstellung der Dateien ab. Perfect Images Pro ergänzt Werkzeuge zur gesammelten erneuten Erzeugung, eine umfassendere Verarbeitung von Bildgrößen sowie Verwaltungsoberflächen zur Statuskontrolle einer großen Mediathek – Funktionen, die relevant werden, sobald eine Website mehr Bilder enthält, als einzeln überprüft werden können.
Wann es eingesetzt werden sollte
Relevant ist das Plugin für Websites, bei denen die Bildschärfe das Produkt direkt beeinflusst: Fotografie-Portfolios, Produktgalerien im E-Commerce und designorientierte Marketingseiten, die auf modernen Smartphones und Laptops aufgerufen werden. Weniger relevant ist es für Websites mit wenigen, bereits optimierten Bildern oder für Websites, die bereits ein CDN oder einen Dienst zur Bildbereitstellung verwenden, der responsive Varianten selbst erzeugt. Der parallele Betrieb zweier Systeme, die beide Bildvarianten erzeugen, erhöht den Speicherbedarf und die Dateianzahl, ohne einen zusätzlichen Nutzen zu bieten.
Vor der Installation
- Verfügbaren Speicherplatz beim Hosting prüfen, da die Erzeugung den Speicherbedarf für Bilder annähernd verdoppelt.
- Bei einer großen Mediathek die gesammelte erneute Erzeugung in verkehrsarmen Zeiten ausführen, da sie CPU und I/O stark belastet.
- Nach der erneuten Erzeugung von Bildern den Seiten- oder CDN-Cache leeren, damit Besucher die neuen Dateien erhalten.
- Zuerst eine Staging-Kopie testen, wenn die Website ein Theme mit nicht standardmäßigen Registrierungen von Bildgrößen verwendet.
