# 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:

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:

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


Important! External images will not be available to your slide deck when you are working or presenting offline.

#### 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.