How to use an image style in a Drupal 8 twig template?

drupal twig drupal-8
Tyler Marshall picture Tyler Marshall · Nov 3, 2015 · Viewed 14.3k times · Source

I am trying to print an image using an image style that I've created in my drupal 8 theme.

I can print an image in a template by doing {{ content.banner }} but how do I apply the image style to that image? I tried looking for documentation but there doesn't seem to be any out there.

Answer

pavlovich picture pavlovich · Nov 12, 2015

Currently drupal 8 doesn't have special filter for applying image style. Instead you can set new attribute for your image like this:

{% set image = image|merge({'#image_style': 'thumbnail'}) %}

Then simply output your updated image:

{{ image }}

P.S . You can do {{ dump(image) }} to see what attributes you can update

Related questions

Drupal 8 Twig Template: get relative or absolute path from URI

I have in a twig template an image url, like "public://path/to/image.png". I want to get "sites/default/files/path/to/image.png" to use it in the template. I thought it should work with something like …

Read More
switch statement in twig drupal 8

Does twig in drupal 8 have a switch case statement? Something like: {% set size = rows | length %} {% switch rows %} {% case "1" %} {{ do something }} {% case "2" %} {{ do example }} {% case "3" %} {{ do that }} {% default %} <p>A font walks into a bar.</p> <…

Read More
what is the difference between $_SERVER['REQUEST_URI'] and $_GET['q']?

what is the difference between $_SERVER['REQUEST_URI'] and $_GET['q'] (which is used in Drupal)?

Read More