image-style-preview.html.twig

Default theme implementation to display a preview of an image style.

Available variables:

• style_id: The ID of the image style.
• style_name: The name of the image style.
• cache_bypass: A timestamp token used to avoid browser caching of images.
• original: An associative array containing:
  • url: The URL of the original image.
  • width: The width in pixels of the original image.
  • height: The height in pixels of the original image.
  • rendered: The render array for the original image.
• derivative: An associative array containing:
  • url: The URL of the derivative image.
  • width: The width in pixels of the derivative image.
  • height: The height in pixels of the derivative image.
  • rendered: The rendered derivative image.
• preview: An associative array containing:
  • original: An associative array containing:
    • width: The width in pixels of the original image in the preview.
    • height: The height in pixels of the original image in the preview.
  • derivative: An associative array containing:
    • width: The width in pixels of the derivative image in the preview.
    • height: The height in pixels of the derivative image in the preview.

See also

template_preprocess_image_style_preview()

File

core/modules/image/templates/image-style-preview.html.twig

Related topics

Theme system overview

Functions and templates for the user interface that themes can override.