Media

Images

Screenshots and pictures, with a caption when they need one.

Upload an image, or pick one the site already has from its files. PNG, JPEG, GIF, WebP and SVG all work; SVG files are cleaned of anything that could run code.

The JustDocs editor showing a page of blocks
The editor: the site's pages on the left, the page's blocks on the right.

Images in tabs

Tabs can hold images too: handy for showing the same screen in different setups. These are two of the demo's own sites, each with its own look from Customize.

Gradient style

The JustFlows docs: a gradient header, a pill sidebar and a requirements table

Bold style

The JustFans docs: a bold pink header and a filled sidebar item

Good screenshots

  • Crop to the part that matters. A whole screen hides the one button you mean.
  • Write alt text that says what the image shows, for readers who can't see it.
  • Add a caption when the image needs explaining; skip it when the text around it already does.
  • Retake screenshots when the screen changes. An old picture confuses more than no picture.