diff --git a/bundle/Core/Imagine/VariationPathGenerator/WebpFormatVariationPathGenerator.php b/bundle/Core/Imagine/VariationPathGenerator/WebpFormatVariationPathGenerator.php
new file mode 100644
index 00000000..bb720760
--- /dev/null
+++ b/bundle/Core/Imagine/VariationPathGenerator/WebpFormatVariationPathGenerator.php
@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Netgen\Bundle\SiteBundle\Core\Imagine\VariationPathGenerator;
+
+use eZ\Bundle\EzPublishCoreBundle\Imagine\VariationPathGenerator;
+use Liip\ImagineBundle\Imagine\Filter\FilterConfiguration;
+
+use function pathinfo;
+use function preg_replace;
+
+/**
+ * Decorates VariationPathGenerator with .webp extension if image variation is configured for this format.
+ */
+final class WebpFormatVariationPathGenerator implements VariationPathGenerator
+{
+    private VariationPathGenerator $innerVariationPathGenerator;
+
+    private FilterConfiguration $filterConfiguration;
+
+    public function __construct(
+        VariationPathGenerator $innerVariationPathGenerator,
+        FilterConfiguration $filterConfiguration
+    ) {
+        $this->innerVariationPathGenerator = $innerVariationPathGenerator;
+        $this->filterConfiguration = $filterConfiguration;
+    }
+
+    public function getVariationPath($originalPath, $filter): string
+    {
+        $variationPath = $this->innerVariationPathGenerator->getVariationPath($originalPath, $filter);
+        $filterConfig = $this->filterConfiguration->get($filter);
+
+        if (!isset($filterConfig['format']) || $filterConfig['format'] !== 'webp') {
+            return $variationPath;
+        }
+
+        $info = pathinfo($originalPath);
+
+        if (!is_string($info['extension']) || strlen($info['extension']) === 0) {
+            return $variationPath . '.webp';
+        }
+
+        return preg_replace("/\.{$info['extension']}$/", '.webp', $variationPath);
+    }
+}
diff --git a/bundle/DependencyInjection/Compiler/WebpFormatVariationPathGeneratorDecoratorPass.php b/bundle/DependencyInjection/Compiler/WebpFormatVariationPathGeneratorDecoratorPass.php
new file mode 100644
index 00000000..793312e5
--- /dev/null
+++ b/bundle/DependencyInjection/Compiler/WebpFormatVariationPathGeneratorDecoratorPass.php
@@ -0,0 +1,31 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Netgen\Bundle\SiteBundle\DependencyInjection\Compiler;
+
+use Netgen\Bundle\SiteBundle\Core\Imagine\VariationPathGenerator\WebpFormatVariationPathGenerator;
+use Symfony\Component\DependencyInjection\Compiler\CompilerPassInterface;
+use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\Component\DependencyInjection\Reference;
+
+class WebpFormatVariationPathGeneratorDecoratorPass implements CompilerPassInterface
+{
+    /**
+     * Decorates default image alias variation path generator to comply with legacy variation URL pattern
+     */
+    public function process(ContainerBuilder $container): void
+    {
+        if (!$container->has('ezpublish.image_alias.variation_path_generator')) {
+            return;
+        }
+
+        $container->register(
+            'ezpublish.image_alias.webp_variation_path_generator_decorator',
+            WebpFormatVariationPathGenerator::class,
+        )
+            ->setDecoratedService('ezpublish.image_alias.variation_path_generator')
+            ->addArgument(new Reference('ezpublish.image_alias.webp_variation_path_generator_decorator.inner'))
+            ->addArgument(new Reference('liip_imagine.filter.configuration'));
+    }
+}
diff --git a/bundle/NetgenSiteBundle.php b/bundle/NetgenSiteBundle.php
index c0e4415b..87b50185 100644
--- a/bundle/NetgenSiteBundle.php
+++ b/bundle/NetgenSiteBundle.php
@@ -20,5 +20,6 @@ public function build(ContainerBuilder $container): void
         $container->addCompilerPass(new Compiler\LocationFactoryPass());
         $container->addCompilerPass(new Compiler\AsseticPass());
         $container->addCompilerPass(new Compiler\IoStorageAllowListPass());
+        $container->addCompilerPass(new Compiler\WebpFormatVariationPathGeneratorDecoratorPass());
     }
 }