Search

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

Images & Videos

Adding images and videos to your presentations is as simple as a drag and drop!

First of all, a bit of terminology to understand better this section:

Supported formats

Image formats

Format extensions
Portable Network Graphics .apng, .png
Graphics Interchange Format .gif
WebP .webp
Joint Photographic Experts Group .jpg, .jpeg
Tagged Image File Format .tif, .tiff
Scalable Vector Graphics .svg
Portable Document Format .pdf

Video formats

Format extensions
M4V .m4v
Moving Picture Expert Group 4 .mp4
Quicktime .mov

Syntax

The traditional markdown syntax for images ![](image.png) is supported but we recommend the simplest Content Blocks Syntax.

You can then simply use the path or URL of the graphic to use then in Presenter.

Presenter uses two special “virtual” folders:
/assets/ example: /assets/image.png for graphics added to the presentation.
Theme example /Theme/image.jpg to reference graphics bundled with a theme.

Adding images and videos to your presentation

The easiest way to add graphics to your presentation is to drag and drop them into the editor. You can drag them from the Finder or even from your browser.

You can also add images to a presentation by copy/pasting.

Assets manager

The Asset Manager, available on the right side of Inspector allows you to:
– See all your graphics
– Drag and drop them into the editor
– Delete unused ones
– Rename them

Controlling sizes and positions

Graphics size and position can be controlled when using the Content Blocks Syntax, using meta-data.
You can set them using the dropdown arrow at the end of the graphic definition.

Sizes

Contain

The entire graphic is made to fill the available space while preserving its aspect ratio, so the graphic will be “letterboxed” if its aspect ratio does not match the aspect ratio of the container.

Cover

The graphic is resized to entirely cover the available space while preserving its aspect ratio. If the graphic’s aspect ratio does not match the aspect ratio of its container, the graphic will be clipped.

iA

Positions

It is important to know that vertical or horizontal positions are only available depending on the aspect ratio of the graphic and its container.