Inline Images

Accessible Descriptions

Deckset interprets the text inside ![...] as image options rather than plain Markdown alt text. Add an accessible description with alt(...):

![inline alt(Product dashboard showing weekly revenue)](dashboard.jpg)

If an image is purely decorative, use decorative instead:

![inline decorative](flourish.png)

Quoted text such as ![inline "Product dashboard"](dashboard.jpg) is not used as the accessible description. Write ![inline alt(Product dashboard)](dashboard.jpg) instead.

Combine Text and Images

![inline alt(Example photograph)](image1.jpg)

Fill the Slide

![inline fill alt(Example photograph filling the available space)](image1.jpg)

Custom Scaling

![inline 50% alt(Example photograph shown at half size)](image1.jpg)

Image Grids

![inline fill alt(First example photograph)](image1.jpg)![inline fill alt(Second example photograph)](image2.jpg)
![inline fill alt(Third example photograph)](image3.jpg)

Corner Radius

You can set corner radius of images using following Markdown:

![inline corner-radius(16) alt(Example photograph with rounded corners)](image1.jpg)

This currently only works for plain static images. Let us know if you’d like it to work for other media too.

Inline Filter Modifiers

Use custom filter modifiers on inline images too:

![inline bn alt(Black-and-white photograph)](image1.jpg)
![inline vivid alt(Vivid photograph)](image2.jpg)
![inline saturation(1.4) alt(Photograph with increased saturation)](image3.jpg)
![inline noir alt(Noir photograph)](image1.jpg)
![inline chrome alt(Chrome-effect photograph)](image2.jpg)
![inline fade alt(Faded photograph)](image3.jpg)

bn and bw are aliases. saturation(value) accepts 0...2 and overrides saturation from bn/vivid when combined. noir, chrome, and fade apply photo effect presets.

You can also compose multiple filters inline:

![inline sepia(0.7) vignette(0.5) alt(Sepia photograph with a dark vignette)](image1.jpg)
![inline vignette(-0.5) blur(0.3) contrast(1.1) alt(Blurred high-contrast photograph)](image2.jpg)

Positive vignette(...) values darken the edges. Negative values lighten them.

Accessible Descriptions

Inline images are informative by default. Give them a useful description with alt(...), or explicitly mark an image as decorative:

![inline alt(Quarterly revenue increased by 18 percent)](revenue-chart.png)
![inline decorative](divider.png)

See Accessible Media for intent rules and export guidance. If you write presentations in Obsidian, see Obsidian Media Embeds.