Documentation

Images

With caption

Images can have a caption. It's authored by setting the title using the markdown notation.

the image alt text goes here
The image title goes here and should be rendered as the caption

Without caption

Images without a title do not have a caption.

the image alt text goes here

SVG

SVG Images are not handled by Gatsby but should still be properly rendered.

the image alt text goes here

SVG Images have similar spacing behavior as images that are handled by Gatsby. There should also always be spacing on the left and right side of the image.

the image alt text goes here

Small size

Images with a small size are not recommended to be used.

the image alt text goes here

Big height

Images with a big height are not recommended to be used.

the image alt text goes here

Transparent background

Images without a transparent background (.png) should get a white background.

the image alt text goes here

Inline content

The following image is embedded into a body text paragraph.

The Image is after this text

the image alt text goes here
The image title goes here and should be rendered as the caption
and before this text.

External image

External images are not recommended to be used but they should work as well and somehow do not look ugly.

Minion

Last section

This section is only useful as an anchor link target.