Render responsive image into a block Drupal 8 Example

ImageRenderExampleBlockResponsive.php

<?php

/**
 * @file
 * Contains Drupal\mymodule\Plugin\Block\ImageRenderExampleBlockResponsive.
 */

namespace Drupal\mymodule\Plugin\Block;

use Drupal\Core\Block\BlockBase;
use Drupal\file\Entity\File;

/**
 * Provides a 'ImageRenderExampleBlockResponsive' block.
 *
 * @Block(
 *  id = "mymodule_imagerenderexampleblockresponsive",
 *  admin_label = @Translation("MyModule Image Render Example Responsive"),
 * )
 */
class ImageRenderExampleBlockResponsive extends BlockBase {

  /**
   * {@inheritdoc}
   */
  public function build() {
    // Load file with file id 1.
    $file = File::load(1);
    if ($file) {
      $variables = array(
        'responsive_image_style_id' => 'responsive_thumbnail',
        'uri' => $file->getFileUri(),
      );

      // The image.factory service will check if our image is valid.
      $image = \Drupal::service('image.factory')->get($file->getFileUri());
      if ($image->isValid()) {
        $variables['width'] = $image->getWidth();
        $variables['height'] = $image->getHeight();
      }
      else {
        $variables['width'] = $variables['height'] = NULL;
      }

      $logo_build = [
        '#theme' => 'responsive_image',
        '#width' => $variables['width'],
        '#height' => $variables['height'],
        '#responsive_image_style_id' => $variables['responsive_image_style_id'],
        '#uri' => $variables['uri'],
      ];

      // Add the file entity to the cache dependencies.
      // This will clear our cache when this entity updates.
      $renderer = \Drupal::service('renderer');
      $renderer->addCacheableDependency($logo_build, $file);

      // Return the render array as block content.
      return [
        'logo' => $logo_build,
      ];
    } else {
      // Image not found, return empty block.
      return [];
    }
  }
}