Comment utiliser une image de style dans un Drupal 8 template twig?

- Je résoudre ce problème en créant mon propre Twig Filtre.

Vous pouvez faire de même en créant votre propre module d'exposer cette Filtre.

Hésitez pas à ré-utiliser.

Code

namespace Drupal\twig_extender\TwigExtension;

use Drupal\node\Entity\Node;
use Drupal\Core\Link;
use Drupal\Core\Url;

use Drupal\file\Entity\File;
use Drupal\image\Entity\ImageStyle;

class Images extends \Twig_Extension {
     /**
     * Generates a list of all Twig functions that this extension defines.
     */
     public function getFunctions(){
         return array(
             new \Twig_SimpleFunction('image_style', array($this, 'imageStyle'), array('is_safe' => array('html'))),
         );
     }

    /**
    * Gets a unique identifier for this Twig extension.
    */
    public function getName() {
        return 'twig_extender.twig.images';
    }


     /**
      * Generate images styles for given image
      */
      public static function imageStyle($file_id, $styles) {
          $file = File::load($file_id);
          $transform = array();
          if (isset($file->uri->value)) {
              $transform['source'] = $file->url();
              foreach ($styles as $style) {
                  $transform[$style] = ImageStyle::load($style)->buildUrl($file->uri->value);
              }
          }
         return $transform;
      }
}

Utilisation

{% set transform = image_style(image.entity.fid.value, ['thumbnail', 'large']) %}

Ensuite, vous avez accès à la source de l'image & styles

{{ transform.source }}
{{ transform.thumbnail }}
{{ transform.large }}

L'espérons, vous aidera gars !

OriginalL'auteur Kevin Wenger