Export & Import

Diagrammer supports multiple export formats for sharing your diagrams.

Export Formats

PNG (Raster Image)

Best for: Presentations, documents, web pages, quick sharing

Export Steps:

1. Right-click on the canvas or selection → Export, or use the export dialog
2. Configure options:
   • Scale: 1x, 2x, 3x
   • Background: Transparent, white, or canvas color
   • Selection only: Export just selected shapes
3. Click Export and choose save location

Options:

Option	Description
Scale	Output resolution multiplier
Background	Transparency or solid color
Padding	Extra space around content
Selection	Export entire document or selection

SVG (Vector Graphics)

Best for: Scalable graphics, web integration, further editing

SVG export preserves:

• Vector shapes (infinite scaling)
• Text as actual text (searchable)
• Styles and colors
• Grouping hierarchy

TIP

SVG is ideal when you need to scale the diagram to any size without quality loss, or when you want to edit the output in tools like Inkscape or Illustrator.

PDF (Rich Text Documents)

Export your rich text document content as PDF:

• Multi-page export — all rich text pages and canvas diagram pages exported in order
• Multiple page sizes (A4, Letter, A3, Tabloid) in portrait or landscape
• Configurable margins and page numbers
• Cover page with logo, title, version, author, date, and description
• Full rich text rendering — headings, bold/italic/underline/strikethrough, text color, highlights, inline code, subscript/superscript, text alignment, blockquotes, code blocks, ordered/unordered lists, task lists with checkboxes, tables with merged cells (colspan/rowspan), LaTeX math (block and inline via KaTeX), embedded images, and embedded diagram groups
• Diagram pages rendered as high-quality PNG snapshots

JSON (Native Format)

Best for: Backups, version control, moving between instances

The JSON format is Diagrammer's native document format containing all shapes, pages, rich text content, and metadata.

Use JSON export for:

• Backups: Full document state
• Version control: Store in Git
• Migration: Move between instances

Import

JSON (Diagrammer Documents)

Import existing Diagrammer documents:

1. Open Settings → Documents
2. Click Import
3. Select the .json file

Images

Images can be embedded in the rich text document editor via the image upload button. Images are stored as blobs in IndexedDB.

Tips

High-Quality Exports

For print or large displays:

• Use SVG when possible (infinite scaling)
• For PNG, use 3x scale
• Enable transparent background for flexibility

Sharing Diagrams

Use Case	Recommended Format
Email attachment	PNG (2x scale)
Documentation	SVG or PNG
Backup	JSON
Web embedding	SVG
Printing	SVG or PNG (3x)
Rich text docs	PDF