Generating Webp Images - Webp Installed but not Generating Images

Question

I'm struggling to generate webp images on my forge server. Here is my process in Craft 3.

1. ssh in to the server (forge)
2. Install wepb sudo apt-get install webp
3. Check it is installed and getting piacked up by image Optimize.

4. In the Craft Admin go to Utilities -> Clear Caches and tick all of the Asset related caches, click on Clear Caches and then to force it to resave all of the images.
5. Go back to terminal and run ./craft image-optimize/optimize/create images - (I have also tried saving the volume in the admin settings(.
6. Wait for the image processing to finish (takes a good 10 mins as there is only 50 or so images at variouse sizes)
7. Then I check my image folder to see if the webp variant has been created. There is no webp alternatives.

8. Log files that get generated are:
   • console.log
   • queue.log
   • web.log

Download Log files

I'm not seeing any errors in the log files.

9. Checking the image-optimize.php config file - everything looks in order.

   return [
   //  What transform method should be used for image transforms?
   'transformMethod' => 'craft',
   // Domain for the Imgix transform service
   'imgixDomain' => '',
   // API key for the Imgix transform service
   'imgixApiKey' => '',
   // The optional security token used to sign image URLs from Imgix
   'imgixSecurityToken' => '',
   // Should the image variants in an Asset Volume be automatically re-saved when saving
   // an OptimizedImages field, saving an Asset Volume that has an OptimizedImages field
   // in its layout, or saving the ImageOptimized settings. Set this to false only if
   // you will be manually using the CLI console command to resave image variants
   'automaticallyResaveImageVariants' => true,
   // Should image variant be created on Asset save (aka BeforePageLoad)
   'generateTransformsBeforePageLoad' => true,
   // Set to false to disable all placeholder generation
   'generatePlaceholders' => true,
   // Controls whether a dominant color palette should be created for image variants
   // It takes a bit of time, so if you never plan to use it, you can turn it off
   'createColorPalette' => true,
    // Controls whether SVG placeholder silhouettes should be created for image variants
    // It takes a bit of time, so if you never plan to use them, you can turn it off
   'createPlaceholderSilhouettes' => true,
   // Controls whether retina images are automatically created with reduced quality
   // as per https://www.netvlies.nl/tips-updates/design-interactie/design-interactie/retina-revolution/
   'lowerQualityRetinaImageVariants' => true,
   // Controls whether Optimized Image Variants are created that would be up-scaled
   // to be larger than the original source image
   'allowUpScaledImageVariants' => false,
   // Controls whether images scaled down >= 50% should be automatically sharpened
   'autoSharpenScaledImages' => true,
   // Default aspect ratios
   'defaultAspectRatios' => [
       ['x' => 16, 'y' => 9],
       ['x' => 8, 'y' => 5],
       ['x' => 4, 'y' => 3],
       ['x' => 5, 'y' => 4],
       ['x' => 1, 'y' => 1],
       ['x' => 9, 'y' => 16],
       ['x' => 5, 'y' => 8],
       ['x' => 3, 'y' => 4],
       ['x' => 4, 'y' => 5],
   ],
   // Default image variants
   'defaultVariants'            => [
       [
           'width'          => 1920,
           'useAspectRatio' => true,
           'aspectRatioX'   => 16.0,
           'aspectRatioY'   => 9.0,
           'retinaSizes'    => ['1'],
           'quality'        => 82,
           'format'         => 'jpg',
       ],
       [
           'width'          => 1120,
           'useAspectRatio' => true,
           'aspectRatioX'   => 16.0,
           'aspectRatioY'   => 9.0,
           'retinaSizes'    => ['1', '2'],
           'quality'        => 82,
           'format'         => 'jpg',
       ],
       [
           'width'          => 800,
           'useAspectRatio' => true,
           'aspectRatioX'   => 16.0,
           'aspectRatioY'   => 9.0,
           'retinaSizes'    => ['1', '2'],
           'quality'        => 82,
           'format'         => 'jpg',
       ],
       [
           'width'          => 480,
           'useAspectRatio' => true,
           'aspectRatioX'   => 16.0,
           'aspectRatioY'   => 9.0,
           'retinaSizes'    => ['1', '2'],
           'quality'        => 60,
           'format'         => 'jpg',
       ],
       [
           'width'          => 300,
           'useAspectRatio' => true,
           'aspectRatioX'   => 1.0,
           'aspectRatioY'   => 1.0,
           'retinaSizes'    => ['1', '2'],
           'quality'        => 60,
           'format'         => 'jpg',
       ],
       [
           'width'          => 200,
           'useAspectRatio' => true,
           'aspectRatioX'   => 1.0,
           'aspectRatioY'   => 1.0,
           'retinaSizes'    => ['1', '2'],
           'quality'        => 60,
           'format'         => 'jpg',
       ],
       [
           'width'          => 100,
           'useAspectRatio' => true,
           'aspectRatioX'   => 1.0,
           'aspectRatioY'   => 1.0,
           'retinaSizes'    => ['1', '2'],
           'quality'        => 60,
           'format'         => 'jpg',
       ],
   ],
   // Active image processors
   'activeImageProcessors'      => [
       'jpg' => [
           'jpegoptim',
       ],
       'png' => [
           'optipng',
       ],
       'svg' => [
           'svgo',
       ],
       'gif' => [
           'gifsicle',
       ],
   ],
   // Active image variant creators
   'activeImageVariantCreators' => [
       'jpg' => [
           'cwebp',
       ],
       'png' => [
           'cwebp',
       ],
       'gif' => [
           'cwebp',
       ],
   ],
   // Preset image processors
   'imageProcessors'            => [
       // jpeg optimizers
       'jpegoptim' => [
           'commandPath'           => '/usr/bin/jpegoptim',
           'commandOptions'        => '-s',
           'commandOutputFileFlag' => '',
       ],
       'mozjpeg'   => [
           'commandPath'           => '/usr/bin/mozjpeg',
           'commandOptions'        => '-optimize -copy none',
           'commandOutputFileFlag' => '-outfile',
       ],
       'jpegtran'  => [
           'commandPath'           => '/usr/bin/jpegtran',
           'commandOptions'        => '-optimize -copy none',
           'commandOutputFileFlag' => '',
       ],
       // png optimizers
       'optipng'   => [
           'commandPath'           => '/usr/bin/optipng',
           'commandOptions'        => '-o3 -strip all',
           'commandOutputFileFlag' => '',
       ],
       'pngcrush'  => [
           'commandPath'           => '/usr/bin/pngcrush',
           'commandOptions'        => '-brute -ow',
           'commandOutputFileFlag' => '',
       ],
       'pngquant'  => [
           'commandPath'           => '/usr/bin/pngquant',
           'commandOptions'        => '--strip--skip -if-larger',
           'commandOutputFileFlag' => '',
       ],
       // svg optimizers
       'svgo'      => [
           'commandPath'           => '/usr/bin/svgo',
           'commandOptions'        => '',
           'commandOutputFileFlag' => '',
       ],
       // gif optimizers
       'gifsicle'  => [
           'commandPath'           => '/usr/bin/gifsicle',
           'commandOptions'        => '-O3 -k 256',
           'commandOutputFileFlag' => '',
       ],
   ],
   'imageVariantCreators' => [
       // webp variant creator
       'cwebp' => [
           'commandPath'           => '/usr/bin/cwebp',
           'commandOptions'        => '',
           'commandOutputFileFlag' => '-o',
           'commandQualityFlag'    => '-q',
           'imageVariantExtension' => 'webp',
       ],
   ],
   

   ];

I'm stumped! What else do I need to check?

Answer 1

Image Optimize hooks into regular old Craft transforms to do its thing. This means that any time an image transform is created, it'll piggyback on that to create any variants such as the .webp versions.

The thing is, Craft looks to see if the image transform is already on disk, and if so, skips the process of re-creating it. So if you enable .webp (or other image variants) after the regular transforms have already been created on disk, Craft will never throw the event to notify Image Optimize that the .webp variants should be made.

So what you can do is delete the image transform directories from the disk (they are all prefaced with an underscore _), clear the Asset Transform cache, and then re-save the volume (or use the built-in Image Optimized CLI command for generating the images).

Answer 2

Based on our discussion in the comments I'm very certain that the problem lies within the settings of the fields in your assets.

In your Optimized Image Variants have you set the Image Format wrongly?

If it's not that, then I'm still leaning towards some field/setting rather than the plugin acting wrongly as there were no errors/warnings logged containing webp in your logs.