How to get image field with image style in Drupal 8 & 9
Example How to get image field with image style in Drupal 8 & 9:
use Drupal\image\Entity\ImageStyle;
function THEMENAME_preprocess_node(&$vars) {
if(($node->getType() == 'article') && ($variables['view_mode'] == 'teaser')) {
$id = $node->field_limage->entity->getFileUri();
$url = ImageStyle::load('article')->buildUrl($id);
$variables['image_url'] = $url;
}
}
Then, in your node.html.twig:
<div style="background-image:url('{{ image_url }}'); background-size: cover"></div>
