Image styles

Rating

Image fields in content types can be viewed in an image style. Drupal 8 also provides responsive image styles where you can set breakpoint depending on the width of the screen.

 

Drupal8_001517.png

Let's have a look.. We shall make a square image style. There for we have to scale and crop the image to maintain the ratio width/height.


Drupal8_001518.png

 


Drupal8_001519.png

Other possibilities. Eg desaturation makes the image black.


Drupal8_001520.png

The responsive ones are a bit different. You have 2 examples to look at. Narrow and Wide.


Drupal8_001521.png

 

You can see the breakpoints of the screen en the size of the image...


Drupal8_001522.png