Drupal 8 Theming - Part 12 - Images and Image Sizes

Nov 28, 2015

In this episode of Drupal 8 Theming tutorial series we are going to display image on our node, views and also learn how to make different image sizes for that image.

Drupal has a great functionality called **Image Styles** it's basically a way for you to define different image sizes and effects for your images. It can do everything from scaling and cropping to desaturating and rotating your images. Which is pretty cool in my opinion.

So in this tutorial we are going to add an image to our node template and resize it via image styles. Also we are going to add a different version of that image to our movies list using Views.

Code used in this tutorial :


Hi! I'm Karim Boudjema, the developer and site-builder of this site. I'm currently working as a freelance Drupal developer.

I was wondering how could I giving back to the Drupal community all what it gave to me during the last 10 years, that's how the idea of this site came to me ... (read more)

Hi! I’m Santiago Rico, the web designer and themer of this site.

When Karim proposed me to design and theme this site for the Drupal community, I accepted immediately because the community is the main reason why I love Drupal so much.