Skip to content

Viewing and Export

On the published page

Hover over a diagram to show its toolbar, below the diagram on the right:

Control What it does
− / % / + Zoom out and in; click the percentage to go back to 100%
Full screen Shows the diagram on its own, centred
Download PNG A high-resolution image, on a light or dark background to match the page
Show code The Mermaid code behind the diagram

The toolbar can also be reached with the keyboard. Diagrams follow each reader's Confluence light or dark mode.

PNG

Both Download PNG on the page and Export PNG in the editor draw the diagram at about 4,000 pixels on its longer side, so text stays sharp. The size doesn't depend on how far you've zoomed.

PDF and Word

  • PDF export from Confluence includes a light-colour image of the diagram.
  • Word export includes the diagram's Mermaid code.