Export
Click the "Export" button on the toolbar to open the export panel. Click again to close it.
"Output format", "Embed document data", "Include grid in export", "Rasterize", "Rasterize scale", and "Text rendering" settings are saved in document data and restored next time.
Output Formats
| Format | Description |
|---|---|
| SVG | Vector format. Ideal for printing and re-editing. Font options available. If only default exists, exports plain text without switch; with multiple languages, exports switch/systemLanguage (order: switch-ON language priority from the Export panel -> default) |
| PNG | Raster image. Ideal for web use. Font options available. Uses the highest-priority switch-ON language from Multilingual Text Priority, then falls back to lower switch-ON languages if missing (finally default) |
| PDF document. For searching, printing, and distribution. Always embeds font subset. Uses the highest-priority switch-ON language from Multilingual Text Priority, then falls back to lower switch-ON languages if missing (finally default). When total pages is 2 or more, export becomes a multi-page PDF, and each page renders nodes whose bounding boxes overlap that page region. Internet connection is required to fetch fonts. With Rasterize ON, each page is rendered to PNG before PDF embedding, which reproduces effects like shadows better, but increases file size, can introduce jaggies in print, and disables text search inside the PDF | |
| JSON | Exports raw document data as-is (extension: .zuga.json) |
Multilingual Text Priority
In the Export panel, you can toggle an export switch for each language (Japanese ja / English en). Only switch-ON languages are written to SVG switch/systemLanguage. Drag handles to reorder; languages higher in the list have higher priority. Defaults are [ja, en] with both enabled. Settings are stored in document data.
Multilingual Rendering Notes (SVG)
- switch/systemLanguage displays the first language that matches browser language preferences. If the rendered language is unexpected, check browser language settings
- The language order in SVG switch/systemLanguage follows switch-ON languages in the Export panel from top to bottom (default is always appended as fallback)
- If a text node does not have data for a target language, the language child is exported with default content
- If a text node has only default data, it is exported as plain text without switch/systemLanguage
- If a language switch is OFF, that language's systemLanguage child is not exported
Font Processing (SVG & PNG)
| Mode | Description |
|---|---|
| Embed font subset | Extracts only used glyphs for embedding. Displays correctly everywhere. Slightly larger file |
| Import Google Fonts | Embeds an @import URL. Lighter file but requires internet connection |
| No font embedding | Font reference only. Smallest file but depends on the viewer's environment |
| Outline text | Converts text to paths. Perfect fidelity but text cannot be edited afterward |
Other Options
- Embed document data (SVG/PNG): When enabled, the exported file can be dragged back onto the canvas for re-editing. Not available for PDF
- Extension when embed is ON: SVG is saved as .zuga.svg and PNG as .zuga.png
- Font fetching: SVG/PNG subset embedding and PDF export fetch fonts from Google Fonts, so export can fail in offline environments
- Embedded-data caveat: If the file is edited in another tool, those edits are not reflected as editable state when re-imported into this app
- When file loading fails: A load-failure dialog is shown. Detailed failure points (such as property names) are logged to the browser console
- Include grid: When on, grid lines are included in the export (default: off)
- Rasterize (PDF only): OFF by default. When ON, each page is rasterized to PNG before embedding into PDF, improving fidelity for effects like shadows
- Rasterize scale (PDF only): Integer from -4 to 4. Scale is 2^n, so final pixels are width/height × 2^n (example: width 600px with n=3 -> 600×2^3 = 4800px)
- Rasterize caveats: Enabling it may increase file size, introduce jaggies when printing, and disable searchable text in PDF
- PDF pagination: Total pages and page gap from Document settings are reflected in PDF export
- JSON format: Exports document data directly, not as embedded metadata