TYPO3 and webp

README.md

Make sure PHP GD is compiled with support for webp:

$ php -i | grep -i webp
WebP Support => enabled

<?php
echo "webp support: " . (function_exists('imagewebp') && defined('IMG_WEBP') && (imagetypes() & IMG_WEBP) === IMG_WEBP ? 'yes' : 'no');

If not, see Dockerfile!

Make sure TYPO3 allows webp

$GLOBALS['TYPO3_CONF_VARS']['GFX']['imagefile_ext'] has to contain "webp".

Trouble shooting: images still don't convert after enabling webp.

TYPO3 saves any previously failed attempts to convert images to webp, so after enabling support you might wanna delete those failed attempts.

DELETE FROM sys_file_processedfile WHERE name IS NULL;

or go to the BE module "maintenance" and "Remove Temporary Assets".

Dockerfile

RUN apt-get update && apt-get install -y \
       libfreetype6-dev \
       libjpeg62-turbo-dev \
       libpng-dev \
       libwebp-dev \
   && docker-php-ext-configure gd --with-freetype --with-jpeg --with-webp

RUN apt-get install -y \
    graphicsmagick \
    webp

Template.html

<!-- fileExtension attribute only since TYPO3 10.4 !-->

<f:uri.image src="..." fileExtension="webp" />

<!-- 
     if you don't wanna specify the `fileExtension` parameter in all Fluid templates and 
     you're using `*.webp` files from the start keep in mind that TYPO3 changes to file format
     when resizing images in AbstractGraphicalTask.php
     see https://github.com/TYPO3-CMS/core/blob/main/Classes/Resource/Processing/AbstractGraphicalTask.php
-->