Issue #3406267 by deepak.cms, andypost, kostyashupenko, smustgrave, catch,...

Issue #3406267 by deepak.cms, andypost, kostyashupenko, smustgrave, catch, marvil07, nireneko, quietone: All core shipped image styles should include webp conversion

core/modules/image/config/install/image.style.large.yml

@@ -12,3 +12,9 @@ effects:
       width: 480
       height: 480
       upscale: false
+  6e8fe467-84c1-4ef0-a73b-7eccf1cc20e8:
+    uuid: 6e8fe467-84c1-4ef0-a73b-7eccf1cc20e8
+    id: image_convert
+    weight: 2
+    data:
+      extension: webp

core/modules/image/config/install/image.style.medium.yml

@@ -12,3 +12,9 @@ effects:
       width: 220
       height: 220
       upscale: false
+  c410ed2f-aa30-4d9c-a224-d2865d9188cd:
+    uuid: c410ed2f-aa30-4d9c-a224-d2865d9188cd
+    id: image_convert
+    weight: 2
+    data:
+      extension: webp

core/modules/image/config/install/image.style.thumbnail.yml

@@ -12,3 +12,9 @@ effects:
       width: 100
       height: 100
       upscale: false
+  c4eb9942-2c9e-4a81-949f-6161a44b6559:
+    uuid: c4eb9942-2c9e-4a81-949f-6161a44b6559
+    id: image_convert
+    weight: 2
+    data:
+      extension: webp

core/modules/image/config/install/image.style.wide.yml

@@ -12,3 +12,9 @@ effects:
       width: 1090
       height: null
       upscale: false
+  294c5f76-42a4-43ce-82c2-81c2f4723da0:
+    uuid: 294c5f76-42a4-43ce-82c2-81c2f4723da0
+    id: image_convert
+    weight: 2
+    data:
+      extension: webp

core/modules/media_library/config/install/image.style.media_library.yml

@@ -15,3 +15,9 @@ effects:
       width: 220
       height: 220
       upscale: false
+  1021da71-fc2a-43d0-be5d-efaf1c79e2ea:
+    uuid: 1021da71-fc2a-43d0-be5d-efaf1c79e2ea
+    id: image_convert
+    weight: 2
+    data:
+      extension: webp

core/modules/responsive_image/tests/src/Functional/ResponsiveImageFieldDisplayTest.php

@@ -330,7 +330,7 @@ protected function doTestResponsiveImageFieldFormatters($scheme, $empty_styles =
     if (!$empty_styles) {
       $this->assertSession()->responseHeaderContains('X-Drupal-Cache-Tags', 'config:image.style.medium');
       $this->assertSession()->responseHeaderContains('X-Drupal-Cache-Tags', 'config:image.style.thumbnail');
-      $this->assertSession()->responseContains('type="image/png"');
+      $this->assertSession()->responseContains('type="image/webp"');
     }
     $this->assertSession()->responseHeaderContains('X-Drupal-Cache-Tags', 'config:image.style.large');
 
@@ -506,7 +506,7 @@ public function testResponsiveImageFieldFormattersMultipleSources() {
 
     // Assert the picture tag has source tags that include dimensions.
     $this->drupalGet('node/' . $nid);
-    $this->assertSession()->responseMatches('/<picture>\s+<source srcset="' . \preg_quote($large_transform_url, '/') . ' 1x" media="\(min-width: 851px\)" type="image\/png" width="480" height="480"\/>\s+<source srcset="' . \preg_quote($medium_transform_url, '/') . ' 1x, ' . \preg_quote($large_transform_url, '/') . ' 1.5x, ' . \preg_quote($large_transform_url, '/') . ' 2x" type="image\/png" width="220" height="220"\/>\s+<img loading="eager" src="' . \preg_quote($large_transform_url, '/') . '" width="480" height="480" alt="\w+" \/>\s+<\/picture>/');
+    $this->assertSession()->responseMatches('/<picture>\s+<source srcset="' . \preg_quote($large_transform_url, '/') . ' 1x" media="\(min-width: 851px\)" type="image\/webp" width="480" height="480"\/>\s+<source srcset="' . \preg_quote($medium_transform_url, '/') . ' 1x, ' . \preg_quote($large_transform_url, '/') . ' 1.5x, ' . \preg_quote($large_transform_url, '/') . ' 2x" type="image\/webp" width="220" height="220"\/>\s+<img loading="eager" src="' . \preg_quote($large_transform_url, '/') . '" width="480" height="480" alt="\w+" \/>\s+<\/picture>/');
   }
 
   /**

core/profiles/demo_umami/config/install/image.style.large_21_9.yml

@@ -12,3 +12,9 @@ effects:
       width: 1440
       height: 620
       anchor: center-center
+  622f10ec-5f36-427e-a54a-4c0b8a45d6ab:
+    uuid: 622f10ec-5f36-427e-a54a-4c0b8a45d6ab
+    id: image_convert
+    weight: 2
+    data:
+      extension: webp

core/profiles/demo_umami/config/install/image.style.large_21_9_2x.yml

@@ -12,3 +12,9 @@ effects:
       width: 2880
       height: 1240
       anchor: center-center
+  20ec38fa-1f1c-422d-9fed-48ed96e3eb50:
+    uuid: 20ec38fa-1f1c-422d-9fed-48ed96e3eb50
+    id: image_convert
+    weight: 2
+    data:
+      extension: webp

core/profiles/demo_umami/config/install/image.style.large_3_2_2x.yml

@@ -12,3 +12,9 @@ effects:
       width: 1536
       height: 1024
       anchor: center-center
+  3363b685-9a5f-4bd8-9246-1ad117054988:
+    uuid: 3363b685-9a5f-4bd8-9246-1ad117054988
+    id: image_convert
+    weight: 2
+    data:
+      extension: webp

core/profiles/demo_umami/config/install/image.style.large_3_2_768x512.yml

@@ -12,3 +12,9 @@ effects:
       width: 768
       height: 512
       anchor: center-center
+  11b52bd1-8d1a-4e61-9578-3a3a290760a2:
+    uuid: 11b52bd1-8d1a-4e61-9578-3a3a290760a2
+    id: image_convert
+    weight: 2
+    data:
+      extension: webp

core/profiles/demo_umami/config/install/image.style.medium_21_9.yml

@@ -12,3 +12,9 @@ effects:
       width: 1024
       height: 440
       anchor: center-center
+  dd8d02b0-2ae5-4e0c-988f-730711911c49:
+    uuid: dd8d02b0-2ae5-4e0c-988f-730711911c49
+    id: image_convert
+    weight: 2
+    data:
+      extension: webp

core/profiles/demo_umami/config/install/image.style.medium_3_2_2x.yml

@@ -12,3 +12,9 @@ effects:
       width: 1200
       height: 800
       anchor: center-center
+  1d1dd894-df16-49b4-8433-0a41624ccde2:
+    uuid: 1d1dd894-df16-49b4-8433-0a41624ccde2
+    id: image_convert
+    weight: 2
+    data:
+      extension: webp

core/profiles/demo_umami/config/install/image.style.medium_3_2_600x400.yml

@@ -12,3 +12,9 @@ effects:
       width: 600
       height: 400
       anchor: center-center
+  cdd80cc9-5ecc-4040-9d83-a271c5142b7d:
+    uuid: cdd80cc9-5ecc-4040-9d83-a271c5142b7d
+    id: image_convert
+    weight: 2
+    data:
+      extension: webp

core/profiles/demo_umami/config/install/image.style.medium_8_7.yml

@@ -12,3 +12,9 @@ effects:
       width: 266
       height: 236
       anchor: center-center
+  622134fc-29c1-43d4-ba34-beffc0bc4e15:
+    uuid: 622134fc-29c1-43d4-ba34-beffc0bc4e15
+    id: image_convert
+    weight: 2
+    data:
+      extension: webp

core/profiles/demo_umami/config/install/image.style.small_21_9.yml

@@ -12,3 +12,9 @@ effects:
       width: 768
       height: 330
       anchor: center-center
+  f4f34147-c147-4e51-a7e2-5334f5ddb6f7:
+    uuid: f4f34147-c147-4e51-a7e2-5334f5ddb6f7
+    id: image_convert
+    weight: 2
+    data:
+      extension: webp

core/profiles/demo_umami/config/install/image.style.square_large.yml

@@ -12,3 +12,9 @@ effects:
       width: 900
       height: 900
       anchor: center-center
+  54c8c29a-0a39-4ff0-b61b-8e85cc9367a4:
+    uuid: 54c8c29a-0a39-4ff0-b61b-8e85cc9367a4
+    id: image_convert
+    weight: 2
+    data:
+      extension: webp

core/profiles/demo_umami/config/install/image.style.square_medium.yml

@@ -12,3 +12,9 @@ effects:
       width: 600
       height: 600
       anchor: center-center
+  b39ee1dd-ee27-4219-ba5d-e49d973f6b0f:
+    uuid: b39ee1dd-ee27-4219-ba5d-e49d973f6b0f
+    id: image_convert
+    weight: 2
+    data:
+      extension: webp

core/profiles/demo_umami/config/install/image.style.square_small.yml

@@ -12,3 +12,9 @@ effects:
       width: 300
       height: 300
       anchor: center-center
+  dc9608c0-7510-4fbf-9474-028565687572:
+    uuid: dc9608c0-7510-4fbf-9474-028565687572
+    id: image_convert
+    weight: 2
+    data:
+      extension: webp

core/profiles/demo_umami/config/optional/image.style.max_1300x1300.yml

@@ -15,3 +15,9 @@ effects:
       width: 1300
       height: 1300
       upscale: false
+  45c1e8e2-700e-4300-b0b8-c219e91d256b:
+    uuid: 45c1e8e2-700e-4300-b0b8-c219e91d256b
+    id: image_convert
+    weight: 2
+    data:
+      extension: webp

core/profiles/demo_umami/config/optional/image.style.max_2600x2600.yml

@@ -15,3 +15,9 @@ effects:
       width: 2600
       height: 2600
       upscale: false
+  ecb160c9-df96-4b0b-9ef8-8ac74dd319f8:
+    uuid: ecb160c9-df96-4b0b-9ef8-8ac74dd319f8
+    id: image_convert
+    weight: 2
+    data:
+      extension: webp