Exporting Diagrams

Diagrammix3 supports exporting your diagrams in various formats for use in documents, presentations, websites, and other applications.

Export Formats

PNG (Portable Network Graphics)

• Lossless compression
• Supports transparency
• Best for diagrams with text and sharp edges
• Widely compatible

JPEG (Joint Photographic Experts Group)

• Lossy compression (smaller file size)
• No transparency support
• Better for photographic content
• Not ideal for text-heavy diagrams

PDF (Portable Document Format)

• Vector format (scales without quality loss)
• Ideal for printing
• Preserves text as searchable/selectable
• Supports multiple pages

SVG (Scalable Vector Graphics)

• Vector format
• Editable in vector editors (Illustrator, Figma, etc.)
• Perfect for web use
• Scales infinitely without quality loss

VSDX (Microsoft Visio)

• Native Visio 2013+ format
• Full round-trip: import → edit → export back
• Preserves shapes, connectors, text, styles, and pages
• See Visio Import & Export for full details

Exporting Your Diagram

Quick Export

1. Go to File → Export...
2. Choose your format
3. Select a save location
4. Click Export

Export with Options

1. Go to File → Export...
2. Configure export settings (see below)
3. Click Export

Export Options

Scale

Control the resolution of raster exports (PNG, JPEG):

Background Options

• Transparent: No background (PNG and SVG only)
• White: Standard white background
• Canvas color: Use the current canvas background color

Transparent backgrounds are useful for:

• Overlaying diagrams on other content
• Website graphics
• Presentation slides with custom backgrounds

Export Selection vs. Entire Canvas

• Export All: Exports the entire canvas with all visible content
• Export Selection: Exports only the currently selected elements

To export a selection:

1. Select the elements you want to export
2. Go to File → Export Selection...
3. Configure options and export

Format-Specific Options

PNG Options

• Scale (25% - 400%)
• Background (transparent, white, canvas)
• Include margin

JPEG Options

• Scale (25% - 400%)
• Quality (1-100)
• Background (white or canvas only)

PDF Options

• Paper size
• Orientation
• Margins
• Include metadata

SVG Options

• Embed fonts or use system fonts
• Include hidden elements
• Preserve layer information

Best Practices

For Web

• Use PNG for diagrams with text and sharp edges
• Use SVG for interactive or scalable graphics
• Export at 200% for retina displays
• Use transparent background when overlaying

For Documents

• Use PDF for Word, Pages, or printing
• Use PNG at 200-300% for Google Docs
• Ensure sufficient margin around content

For Presentations

• Use PNG at 200% for clear display on projectors
• Use transparent background for flexible placement
• Export individual slides if needed

For Printing

• Use PDF for best quality
• Use 300% or 400% scale for raster formats
• Include margins for bleed

Batch Export

To export multiple diagrams or pages:

1. Open each document
2. Use File → Export...
3. Consider scripting for large batches

Tips

1. Preview before exporting: Check that all elements are visible
2. Consider file size: Higher scale = larger files
3. Test transparency: Verify transparent areas display correctly
4. Keep originals: Always save the .diagrammix file alongside exports
5. Name consistently: Use descriptive file names for organization