diff -u b/core/modules/image/src/Entity/ImageStyle.php b/core/modules/image/src/Entity/ImageStyle.php
--- b/core/modules/image/src/Entity/ImageStyle.php
+++ b/core/modules/image/src/Entity/ImageStyle.php
@@ -455,4 +455,11 @@
 
   /**
+   * {@inheritdoc}
+   */
+  public function getDescription() {
+    return $this->get('description');
+  }
+
+  /**
    * Returns the image effect plugin manager.
    *
diff -u b/core/modules/image/src/Form/ImageStyleFormBase.php b/core/modules/image/src/Form/ImageStyleFormBase.php
--- b/core/modules/image/src/Form/ImageStyleFormBase.php
+++ b/core/modules/image/src/Form/ImageStyleFormBase.php
@@ -67,7 +67,8 @@
     $form['description'] = [
       '#type' => 'textarea',
       '#title' => $this->t('Image style description'),
-      '#default_value' => $this->entity->get('description'),
+      '#default_value' => $this->entity->getDescription(),
+      '#description' => $this->t('This text will be displayed on the <em>Image styles</em> page.'),
     ];
 
     return parent::form($form, $form_state);
diff -u b/core/modules/image/src/ImageStyleListBuilder.php b/core/modules/image/src/ImageStyleListBuilder.php
--- b/core/modules/image/src/ImageStyleListBuilder.php
+++ b/core/modules/image/src/ImageStyleListBuilder.php
@@ -27,7 +27,7 @@
    */
   public function buildRow(EntityInterface $entity) {
     $row['label'] = $entity->label();
-    $row['description'] = $entity->get('description');
+    $row['description']['data'] = ['#markup' => $entity->getDescription()];
     return $row + parent::buildRow($entity);
   }
 
only in patch2:
unchanged:
--- a/core/modules/image/src/ImageStyleInterface.php
+++ b/core/modules/image/src/ImageStyleInterface.php
@@ -28,6 +28,14 @@ public function getName();
    */
   public function setName($name);
 
+  /**
+   * Returns the description of the image style.
+   *
+   * @return string
+   *   The description of image style.
+   */
+  public function getDescription();
+
   /**
    * Returns the URI of this image when using this style.
    *