WebP bei Mittwald wird nicht generiert

Nicole Kalinowski

Hallo zusammen,

ich habe in einem TYPO3 12.4.32 responsive images inkl. WebP Umwandlung eingesetzt. Lokal über DDEV läuft alles wie gewünscht. Deploye ich die Änderungen aber zu Mittwald, findet keine Umwandlung zu WebP statt.

Bei Mittwald sind Ghostscript, Imagemagick, GraphicsMagick und WebP aktiv. Wobei ich GraphicsMagick gerade nur zum Test installiert habe.

In der settings.php steht in Bezug auf die Bilder

    'GFX' => [
        'imagefile_ext' => 'gif,jpg,jpeg,tif,tiff,bmp,pcx,tga,png,pdf,ai,svg,webp',
        'processor' => 'ImageMagick',
        'processor_allowTemporaryMasksAsPng' => '0',
        'processor_colorspace' => 'sRGB',
        'processor_effects' => true,
        'processor_enabled' => '1',
        'processor_path' => '/usr/local/bin/',
    ],

In der additional.php wird dahingehend nichts überschrieben.

Im TYPO3 unter Environment > Image Processing ist kein Fehler zu sehen.

Mein Fluid ist Folgendes

                    <source srcset="{f:uri.image(image: data.image.0, width: '500c', fileExtension: 'webp')}" type="image/webp"/>
                    <f:image image="{data.image.0}" width="500c"/>
                </picture>

Ausgabe Lokal (hier wird webp ausgegeben)

<picture>
                    <source srcset="/fileadmin/_processed_/4/0/csm_platzhalter-ansprechperson_049cce62e1.webp" type="image/webp">
                    <img src="/fileadmin/_processed_/4/0/csm_platzhalter-ansprechperson_3260779cea.jpg" width="500" height="334" alt="">
                </picture>

Ausgabe bei Mittwald (hier wird jpg ausgegeben)

<picture>
                    <source srcset="/fileadmin/platzhalter-ansprechperson.jpg" type="image/webp">
                    <img src="/fileadmin/_processed_/4/0/csm_platzhalter-ansprechperson_3260779cea.jpg" width="500" height="334" alt="">
                </picture>

Caches habe ich geleert.

Habe ich irgendetwas übersehen oder gänzlich falsch gemacht?

Beste Grüße
Nicole

Wolfgang Wagner

Hast du Imagemagick/Graphismagick mit WebP Support? In älteren Version ist das vielleicht nicht dabei. Die Versionen kannst du bei Mittwald über den Softwaremanager einstellen.

Nicole Kalinowski

Ich hab Imagemagick gerade auf die neuste Version hochgezogen, damit sind beide aktuell, aber auch dann wird kein WebP ausgegeben.

Wolfgang Wagner

Du gibt den TYpe bei source an? Das kann doch eigentlich nicht funktionieren.
Wenn, musst du das als Argument bei deim image-Viewhelper übergeben, aber ich glaube, das geht erst ab v13?

Nicole Kalinowski

Guten Morgen zusammen,
M4ND0 ja, webp ist bei Mittwald installiert. Aber das sollte, wie Eric schreibt, zumindest Mittwald-seitig ja auch ohne gehen.

Wolfgang Wagner type="image/webp" hatte ich auch erst in meinen Tests hinzugefügt. Darauf hin ich über einen Mittwald Artikel gestoßen, siehe https://www.mittwald.de/blog/webentwicklung-design/typo3-cms/best-practices-fuer-responsive-bilder-in-typo3#vorteile-fuer-deine-website

@Eric Harrer danke auch für deine Antwort. Die meisten Fragen hast du schon selbst aus meinem Post beantwortet. Deine GFX Konfiguration habe ich mal so in die additional.php eingetragen, das ändert aber nichts. Dass WebP erst ab TYPO3 13 funktionieren soll, war mir nicht bewusst und lokal funktioniert das bei mir tatsächlich im 12er. Die Instanz bei Mittwald ist die Staging bzw. Live Instanz des DDEV Projektes, also abgesehen vom Server/DDEV 1:1 identisch.

M4ND0

Hallo Nicole,

hast Du webp als Software bei MiWa installiert?

Eric Harrer

M4ND0 Ich habe das soeben mal in meinem Mittwald Hosting mit einer TYPO3 v13.4 Instanz nachvollzogen und kann sagen, dass eine aktuelle ImageMagick Version als Software ausreicht, um WebP-Formate mit TYPO3 zu erzeugen.

Ich hatte vorher auch "WebP" als eigenständige Software bei Mittwald installiert und es nun wieder deinstalliert. Es geht auch ohne.

@Nicole Kalinowski prüfe doch mal direkt im Install Tool ob WebP geschrieben werden kann.

Ah moment, dass hattest du schon geschrieben:

Im TYPO3 unter Environment > Image Processing ist kein Fehler zu sehen.

Dann können wir doch schonmal festhalten, dass WebP bei dir bereits unterstützt wird 👍

Zur Vollständigkeit - Ich verwende aktuell die folgende GFX Konfiguration:

'GFX' => [
    'processor' => 'ImageMagick',
    'processor_effects' => true,
    'processor_enabled' => true,
    'processor_path' => '/usr/local/bin/',
],

Ah ok, du schreibst, dass du TYPO3 12.4 benutzt. Die Erzeugung von WebP aus anderen Bildformaten funktioniert, wie Wolfgang schon schrieb, erst seit TYPO3 v13. → Feature: #88537 - WebP image format support for Image Processing

Ich frage mich nur, weshalb es bei dir dann lokal funktioniert. War es im Testfall sicher ein TYPO3 v12 und du hast darin ein Non-WebP Bild per ViewHelper Parameter fileExtension: 'webp' zu WebP umgewandelt?

Soweit ich weiß reicht der WebP-Support in TYPO3 v12 nur so weit, dass man es beispielsweise in Content-Elementen referenzieren kann und ausgeben lassen kann. Die Konvertierung aus anderen Formaten sollte aber in dieser Version noch nicht klappen. Mir ist es ehrlich gesagt ein Rätsel wie du das in v12 lokal hin bekommen hast 😄

@Wolfgang Wagner also unabhängig von TYPO3 ist seitens HTML so ein Konstrukt mit type="image/webp" durchaus zulässig
→ HTML Living Standard:

<picture>
  <source srcset="img/katze.webp" type="image/webp">
  <img src="img/katze.jpg" alt="Beschreibung des Fotos">
</picture>

Nachtrag: Interessanter Weise war schon mit der Einführung des ViewHelper Attributes fileExtension die Rede von einer WebP-Konvertierung durch ImageMagick. Meinen bisherigen Tests nach funktionierte das aber wirklich erst seit TYPO3 v13.

M4ND0

Hallo,

bei mir ist es auch so, dass ich unter MiWa und einem 12er Typo3 einfach webp Bilder erstellen lassen kann. Ich dachte aber bisher immer, das es an der zusätzlichen Software liegt, die man bei MiWa installieren kann.

Meine Einstellungen sind eigentlich auch nicht viel anders.

fileExtension: 'webp'

Ich habe aber noch unter SYS -> 'mediafile_ext' => 'jpg,jpeg,png,webp', eingestellt in der settings.php.

Bin ja eigentlich fast der Meinung, wenn es lokal läuft, sollte es auf dem Server ja auch laufen!?

Nicole Kalinowski

M4ND0 in der mediafile_ext habe ich webp noch hinzugefügt, hatte das nur in der "imagefile_ext". Ich bin auch der Meinung, dass das dann bei Mittwald laufen soll, aber dem ist leider nicht so. Ich werde das nochmal alles im Detail durchgehen und ggf. mit in die Masterclass nächste Woche nehmen. Ich geb Bescheid, wenn ich die Ursache gefunden habe.

M4ND0

Hallo Nicole,

hast Du schon ein Ticket an den MiWa Support geschrieben? Die sind bei solchen Dingen auch immer recht pfiffig ;)

Nicole Kalinowski

M4ND0 nein, aber das werde ich mal tun. Ich dachte bisher, dass der Fehler bei mir liegt. Danke für den Hinweis.

The_C

Nicole Kalinowski wenn das eine Extension ist oder du es mit Contentblocks gemacht hast musst du es auch dort registrieren sonst erkennt er das nicht.
zb. für Contentblocks:

fields:
  - identifier: image
    type: File
    allowed: jpg,jpeg,png,svg,gif,webp

Nicole Kalinowski

The_C die Angabe unter "allowed" bestimmt doch nur, welche Formate im CB hochgeladen werden dürfen, oder nicht? Ich lade ja keine webp's hoch, ich wandle nur in webp um.

The_C

Nicole Kalinowski dann muss auch dein ContentBlock Template das webp haben, dann macht er das auch:

<f:image class="postcard__img" image="{file}" alt="{file.alternative}" title="{file.title}" width="auto" fileExtension="webp" />

und für src/packages/sitepackage/Resources/Private/fluid_styled_content/Resources/Private/Partials/Media/Rendering/Image.html auch dementsprechend anpassen:

<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">

<picture>
    <source srcset="{f:uri.image(image: file, width: '1600', fileExtension: 'webp', cropVariant: 'desktop')}"
        media="(min-width:1600px)" type="image/webp">
    <source srcset="{f:uri.image(image: file, width: '1600', fileExtension: 'jpg', cropVariant: 'desktop')}"
        media="(min-width:1600px)" type="image/jpeg">

    <source srcset="{f:uri.image(image: file, width: '768', fileExtension: 'webp', cropVariant: 'tablet')}"
        media="(min-width:768px)" type="image/webp">
    <source srcset="{f:uri.image(image: file, width: '768', fileExtension: 'jpg', cropVariant: 'tablet')}"
        media="(min-width:768px)" type="image/jpeg">

    <source srcset="{f:uri.image(image: file, width: '480', fileExtension: 'webp', cropVariant: 'smartphone')}"
        media="(min-width:480px)" type="image/webp">
    <source srcset="{f:uri.image(image: file, width: '480', fileExtension: 'jpg', cropVariant: 'smartphone')}"
        media="(min-width:480px)" type="image/jpeg">

    <img class="image-embed-item" title="{file.title}" alt="{file.description -> f:format.nl2br()}"
        src="{f:uri.image(image:file, maxWidth: '1600', fileExtension: 'webp')}" width="{dimensions.width}"
        height="{dimensions.height}" loading="lazy" />


</picture>

</html>

Unterstütze das Forum

Hilf mit, den Community Hub für TYPO3 werbefrei zu halten und die Betriebskosten zu decken. Werde Official Community Hub Supporter für nur 5 Euro im Monat (zzgl. USt) und erhalte ein exklusives Supporter-Badge. Jeder Beitrag zählt!

Jetzt Supporter werden

Impressum - Datenschutz - Kontakt - Netiquette - RSS