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.