Images
Images are an inline Markdown convention used to display graphics in a document.
Syntax
The image syntax is identical to the Link syntax, with the addition of a ! character at the beginning. Alt text is written between ![ and ] characters. Inside of ( and ), the URL path to the image should be written, then, optionally, a title wrapped in " characters.
Basics
A basic Image example.
![alt text](path/to/my_image.png)
Titles are optional. Keep the URL and title separate with a space.
![alt text](path/to/my_image.png "Image Title")
Images can be the only thing on a line or mixed in anywhere inline text can go.
Images can go anywhere text can: ![alt text](path/to/my_image.png)
Relative paths and absolute paths can both be used.
![alt text](../my_image.png)

![alt text](D:/Images/my_image.png)
Using Link References
Images can also make use of [Link References][md-link-reference] in the same way Links do.
![alt text][0]

[0]: my_image.png
Titles are also available and written the same way using Link References.
![alt text][0]

[0]: my_image.png "Image Title"
Markdown++
A custom Graphic Style can be given to an Image using a Markdown++ style tag immediately before the Image syntax.
<!--style:CustomImage-->![alt text](path/to/my_image.png)
To learn more about Markdown++ tagging, see Learning Markdown++.
ePublisher Style Information
Default Style Properties
Style Type: Graphic
Style Name: Image
If a custom style name is assigned to an Image, that style name will still inherit all of the listed default style information.
Was this helpful?
Last modified date: 11/12/2021