Background Images



Important! Remember to size-optimize your presentation images for the Web.

Basic slide delimiter syntax allows markdown content to be split into a series of slides. Special image delimiter syntax allows overriding the basic delimiter semantics in order to display any JPEG, PNG, or GIF image as a background image on specific slides.

A well chosen background image can dramatically enhance the visual appearance and effectiveness of any slide within a presentation:

BACKGROUND-EFFECT

SVG background image support - for pixel perfect rendering at any resolution - is available as a Pro image feature.


Learn By Example

This PITCHME.md markdown snippet:

---?image=assets/img/stormtroopers.jpg

### No apologies needed.
### Just Markdown Image Magic.

Results in the rendering of the following slide:

BACKGROUND

Click on the above image to view this slide within a live GitPitch presentation.


Image Delimiter Syntax - Local Image Files

Your PITCHME.md file can display any background image found within your repository. For example, the following syntax demonstrates how to display a local background image for a slide:

---?image=assets/img/bg.jpg

Important: Relative paths used for local image files must be relative to the root directory of your Git repository, regardless of where your PITCHME.md file lives within the repository.


Image Delimiter Syntax - External Image Files

Your PITCHME.md file can also display any background image found at an external, absolute URL. For example, the following markdown syntax demonstrates how to display a remote background image within a slide:

---?image=http://spark.apache.org/docs/latest/img/cluster-overview.png


Image Delimiter Syntax - Power Features

Image delimiter syntax supports optional parameters than can be used to customize the rendering of background images on slides.

These optional parameters give you fine-grained control over how background images are rendered within your presentations. Here are some quick links to the relevant sections in the documentation:


Important! Remember to size-optimize your presentation images for the Web.