image.html.twig

Same filename in this branch

Same filename and directory in other branches

Theme override of an image.

Available variables:

attributes: HTML attributes for the img tag.
style_name: (optional) The name of the image style applied.

See also

template_preprocess_image()

29 theme calls to image.html.twig

contextual_help in core/modules/contextual/contextual.module: Implements hook_help().
FeedViewBuilder::buildComponents in core/modules/aggregator/src/FeedViewBuilder.php: Builds the component fields and properties of a set of entities.
FilemimeFormatter::viewValue in core/modules/file/src/Plugin/Field/FieldFormatter/FilemimeFormatter.php: Generate the output appropriate for one field item.
ImageFieldDisplayTest::testImageFieldDefaultImage in core/modules/image/tests/src/Functional/ImageFieldDisplayTest.php: Tests use of a default image with an image field.
ImageFieldDisplayTest::testImageFieldSettings in core/modules/image/tests/src/Functional/ImageFieldDisplayTest.php: Tests for image field settings.

... See full list

File

core/profiles/demo_umami/themes/umami/templates/classy/field/image.html.twig

View source

{#
/**
 * @file
 * Theme override of an image.
 *
 * Available variables:
 * - attributes: HTML attributes for the img tag.
 * - style_name: (optional) The name of the image style applied.
 *
 * @see template_preprocess_image()
 */
#}
{%
set classes = [
  style_name ? 'image-style-' ~ style_name|clean_class,
]
%}
<img{{ attributes.addClass(classes) }} />

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.