Draft42 Docs

Images

The easiest way to add images is with the Draft42: Insert image command. Pick an image, set a caption and placement, and the plugin copies it to the right spot with a clean filename. The result is standard Markdown:

md
![Optional caption text](images/post-photo.a1b2c3d4.jpg)

The alt text becomes the image caption on your site.

Sheikh Zayed Grand Mosque

Placement

Most of the time, you don't need to worry about placement — the defaults look good. But when you want more control:

PlacementBehavior
wideExtends beyond the text column on larger screens
fitFills the text column width
narrowNarrower than the text column

Landscape images default to fit and portrait images default to narrow.

Set placement in the title attribute:

md
![Caption](image.jpg "placement=wide")

To set both a title and placement, separate them with |||:

md
![Caption](image.jpg "Morning view ||| placement=wide")

External Images

You can use external URLs instead of vault images:

md
![Caption](https://example.com/photo.jpg)

We strongly recommend using vault images. External ones are rendered as-is with no processing — their dimensions are unknown, so they can break your layout, cause content to jump around as they load, and won't get placeholders or size optimization. They can also disappear if the source goes down.

Galleries

Want to show multiple images together? Use the Draft42: Insert gallery command — pick your images, add an optional caption, and the plugin handles the rest. It uses the [!GALLERY] callout syntax:

md
> [!GALLERY] Optional caption
> ![First image caption](image1.jpg)
> ![Second image caption](image2.jpg)
> ![](image3.jpg)

Each image can have its own caption (via alt text) and title.

Turkey

Optimizations

Vault images are automatically optimized when published: they're served in multiple sizes for different viewports, lazy-loaded as you scroll, and displayed with state-of-the-art placeholders while loading.

Supported Formats

Allowed formats: JPG, PNG, WebP, GIF
Maximum file size: 10 MB