image-style.html.twig

Same filename in this branch
  1. 10 core/themes/stable9/templates/field/image-style.html.twig
  2. 10 core/modules/image/templates/image-style.html.twig
Same filename in other branches
  1. 9 core/themes/stable9/templates/field/image-style.html.twig
  2. 9 core/themes/stable/templates/field/image-style.html.twig
  3. 9 core/themes/starterkit_theme/templates/field/image-style.html.twig
  4. 9 core/themes/classy/templates/field/image-style.html.twig
  5. 9 core/modules/image/templates/image-style.html.twig
  6. 8.9.x core/themes/stable/templates/field/image-style.html.twig
  7. 8.9.x core/themes/classy/templates/field/image-style.html.twig
  8. 8.9.x core/modules/image/templates/image-style.html.twig
  9. 11.x core/themes/stable9/templates/field/image-style.html.twig
  10. 11.x core/themes/starterkit_theme/templates/field/image-style.html.twig
  11. 11.x core/modules/image/templates/image-style.html.twig

Theme override for an image using a specific image style.

Available variables:

  • attributes: HTML attributes for the image, including the following:

    • src: Full URL or relative path to the image file.
    • class: One or more classes to be applied to the image.
    • width: The width of the image (if known).
    • height: The height of the image (if known).
    • title: The title of the image.
    • alt: The alternative text for the image.

See also

template_preprocess_image_style()

8 theme calls to image-style.html.twig
AddFormBase::buildEntityFormElement in core/modules/media_library/src/Form/AddFormBase.php
Builds the sub-form for setting required fields on a new media item.
ImageDimensionsTest::testImageDimensions in core/modules/image/tests/src/Functional/ImageDimensionsTest.php
Tests styled image dimensions cumulatively.
ImageFieldDisplayTest::testImageLoadingAttribute in core/modules/image/tests/src/Functional/ImageFieldDisplayTest.php
Tests for image loading attribute settings.
ImageFieldDisplayTest::_testImageFieldFormatters in core/modules/image/tests/src/Functional/ImageFieldDisplayTest.php
Tests image formatters on node display.
ImageThemeFunctionTest::testImageStyleTheme in core/modules/image/tests/src/Kernel/ImageThemeFunctionTest.php
Tests usage of the image style theme function.

... See full list

File

core/themes/starterkit_theme/templates/field/image-style.html.twig

View source
  1. {#
  2. /**
  3. * @file
  4. * Theme override for an image using a specific image style.
  5. *
  6. * Available variables:
  7. * - attributes: HTML attributes for the image, including the following:
  8. * - src: Full URL or relative path to the image file.
  9. * - class: One or more classes to be applied to the image.
  10. * - width: The width of the image (if known).
  11. * - height: The height of the image (if known).
  12. * - title: The title of the image.
  13. * - alt: The alternative text for the image.
  14. *
  15. * @see template_preprocess_image_style()
  16. */
  17. #}
  18. {{ image }}

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