WebP Bilder im eigenen WordPress anzeigen – wp-webp v0.3

Auf tuxlogger habe ich mich in den letzten Tagen mit dem Bildformat WebP beschäftigt. Das Format bietet höhere Komprimierungsraten als JPG (also weniger Datenübertragung bei angeblich gleich Qualität) und hat die nette Eigenschaft, dass die Bilder sich dynamisch skalieren. Wer nicht weiß, was ich meine, einfach mal ein WebP Bild laden und dann die Fenstegrösse kleiner und größer machen.

Dabei bin ich auch über WebPJS gestolpert, entwickelt von Dominik Homberger. Dieses Javascript zeigt Bilder, die im WebP Format vorliegen und über ein img-Tag eingebunden sind an. Für den Internet Explorer wird das Ganze über ein Flashscript abgewickelt. Das Script unterstützt dabei alle gängigen Browser. Das Script unterstützt nicht die Tags embed und object.

Um genau dieses Skript in WordPress einzubinden habe ich ein kleines Plugin entwickelt, dass es ermöglicht WebP Bilder im eigenen Blog zu verwenden und dafür sorgt, dass diese (meistens) angezeigt werden. Das Plugin bietet zwei Parameter, die sich auf der Seite für die allgemeine Einstellungen im Backend finden. Zu meinen kann kann ausgewählt werden, ob das Script im Header oder im Footer eingebunden werden soll, zum anderen ob das Skript immer verwendet werden soll oder nur dann, wenn der Browser das WebP Format nicht von Hause aus unterstützt. Mit der Version 0.2 gibt es eine deutsche Übersetzung und erste Unterstützung von WebP im Backend. Es ist möglich WebP-Bilder über die Mediathek hoch zu laden. Diese Bilder werden auch in der Mediathek angezeigt. Die Bearbeitung direkt in WordPress ist aktuell noch nicht möglich. In der Version 0.3 habe ich einige PHP Warnings aus gebaut.

Aktuell kann das Plugin nur hier herunter geladen werden. Ich werde aber in den nächsten Tagen ein wordpress.org repository beantragen und dann wird das Plugin auch zentral verfügbar sein.
Das Plugin gibt es jetzt auch bei wordpress.org.

Sicherlich ist das Plugin als hochgradig experimentell zu bezeichnen, ich würde mich dennoch über euer Feedback freuen.

Eine WebP-Gallerie mit einigen Beispielbildern gib es bei google unter https://developers.google.com/speed/webp/gallery?hl=de-DE#contents.