Images

Images include screenshots, inline images, icons, and more. Syntax for images is like the syntax for links, with two differences:

1. instead of link text, you provide an image description
2. an image description starts with ![ not just [

Images can be referenced from the top-level _static dir or a local image dir.

Screenshots

Screenshots are images displayed with a box-shadow.

Warning

This feature is not currently supported in Elastic Docs V3.

Block-level images

![APM](img/apm.png)

Or, use the image directive.

:::{image} img/observability.png
:alt: Elasticsearch
:width: 250px
:::

Inline images

Here is the same image used inline ![Elasticsearch](img/observability.png)

Here is the same image used inline

Asciidoc syntax

[role="screenshot"]
image::images/metrics-alert-filters-and-group.png[Metric threshold filter and group fields]

image::images/synthetics-get-started-projects.png[]