Background Images

Full Background Image

![](image1.jpg)

Full Background Image

Fit Background Image

![fit](image1.jpg)

Fit Background Image

Multiple Background Images

![](image1.jpg)
![](image2.jpg)
![](image3.jpg)

Multiple Background Images

Text on Images

![](image2.jpg)

# Text on Images

Setting text on images applies a filter to the image to make the text more readable.

Text on Images

Disable Filter

![original](image2.jpg)

# Disable Filter

Disable Filter

Zoom In

![original 250%](image2.jpg)

# Zoom In

Zoom In

Split Slides

![left](image1.jpg)

# Split Slides

Use the `left` or `right` modifiers to place the image in the left or right half of the slide, respectively.

Split Slides

Adjust Filters

![left filtered](image1.jpg)

# Force Apply Filter

Use the `filtered` keyword to apply the theme's filter to an image that isn't filtered by default.

Force Apply Filter

Built-in Image Modifiers

![left bn](image1.jpg)
![right vivid](image2.jpg)
![left noir](image1.jpg)
![right chrome](image2.jpg)
![left fade](image1.jpg)

Use bn (or bw) for black-and-white, vivid for boosted color/contrast, and noir/chrome/fade for Core Image photo effect presets.

These modifiers replace the theme filter for that specific image.

Saturation

![left saturation(0.6)](image1.jpg)
![right vivid saturation(0.9)](image2.jpg)

Use saturation(value) to set saturation directly (0...2, clamped).
When combined with bn or vivid, explicit saturation(...) wins for saturation.

Composable Filters

![left sepia(0.7) vignette(0.5)](image1.jpg)
![right blur(0.35) contrast(1.2) brightness(0.05)](image2.jpg)

Mix and match filters freely. Deckset applies them in a consistent order, so you always get the same result.

Additional supported controls include:

  • blur(0...1)
  • contrast(0...2)
  • brightness(-1...1)
  • exposure(-2...2)
  • vignette(0...1)
  • sepia(0...1)
  • sharpen(0...1)

Split Slides with Fit

![right fit](image2.jpg)

# Split Slides

Combine `left` or `right` with the `fit` keyword or a percentage to adjust the image scaling.

Split Slides Fit

Alpha

Use alpha on an image to specify its opacity.

![right alpha(0.6)](image2.jpg)

Global Background Image

To apply a background image to every slide in your presentation, simply add the background-image command at the very top of your Markdown file:

background-image: image2.jpg

(rest of your content)