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