Documentation

Images

With caption
Clipboard icon

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
Clipboard icon

Images without a title do not have a caption.

the image alt text goes here

SVG
Clipboard icon

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
Clipboard icon

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

the image alt text goes here

Big height
Clipboard icon

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

the image alt text goes here

Transparent background
Clipboard icon

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

the image alt text goes here

Inline content
Clipboard icon

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
Clipboard icon

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

Minion

Last section
Clipboard icon

This section is only useful as an anchor link target.