Issue #3494377 by debrup, thejimbirch, pameeela, tonypaulbarker, phenaproxima:...

Issue #3494377 by debrup, thejimbirch, pameeela, tonypaulbarker, phenaproxima: Media library thumbnail is very grainy

recipes/drupal_cms_image/config/image.style.media_library_square_thumbnail.yml

+langcode: en
+status: true
+dependencies:
+  module:
+    - focal_point
+name: media_library_square_thumbnail
+label: 'Media Library Square Thumbnail'
+effects:
+  e1133a5d-4918-4fd3-8b1e-c4b21222cc59:
+    uuid: e1133a5d-4918-4fd3-8b1e-c4b21222cc59
+    id: image_convert
+    weight: -9
+    data:
+      extension: webp
+  10aaa04e-b821-481e-8555-5c29088daa27:
+    uuid: 10aaa04e-b821-481e-8555-5c29088daa27
+    id: focal_point_scale_and_crop
+    weight: -10
+    data:
+      width: 220
+      height: 220
+      crop_type: focal_point

recipes/drupal_cms_image/recipe.yml

@@ -38,6 +38,12 @@ config:
         - langcode
         - path
         - created
+    core.entity_view_display.media.image.media_library:
+      setComponent:
+        name: thumbnail
+        options:
+          settings:
+            image_style: media_library_square_thumbnail
     # Disable the `files` view because it is not clear to most users what the
     # difference is between "Files" and "Media". We favor media.
     views.view.files: