How to export a mind map as an image

PNG or SVG: which one to pick

Canvasola offers two picture formats for a mind map, and they are not interchangeable. Export Mindmap SVG writes a vector file where every node, connector and label is stored as a shape or a piece of text, so the file stays sharp at any size. Export Mindmap PNG writes a raster picture, and the app builds it by rasterizing that same SVG inside your browser.

Pick SVG when the picture will be opened in a design tool, dropped into a deck that gets projected, or sent to a printer. Pick PNG when the image goes into a chat message, a ticket or a page where a picture is enough and nobody will enlarge it. If the recipient plans to keep editing the map, a text format suits them better, and the Markdown export guide covers that route.

• SVG is a vector master: sharp at any size and editable in design tools
• PNG is a raster picture produced from the same SVG in the browser
• PNG is capped at 4096 pixels on its longest side
• Text formats carry structure; picture formats carry appearance

Note: Both picture exports render the map as it is currently laid out, so run Auto-arrange or fit the view first if the tree has drifted while you edited it.

Export a mind map as SVG

Open the File menu in the top bar and choose Export Mindmap SVG. The file downloads as canvasola-mindmap.svg, and it covers the whole map: the root node, every branch, the node colors, the cross links drawn as tubes, and any image or freehand drawing attached to a node.

Frame the map before you export. Press F to fit it to the window, or use Fit content to view, so the exported viewBox encloses the entire tree instead of a fragment of it. The file records that viewBox along with a width and a height, and because it is plain text you can open it in a browser, Inkscape, Illustrator or Figma to restyle the nodes and keep the labels as selectable text.

1. Frame the map. Press F to fit the whole map in view so the export covers every branch of the tree.
2. Open the File menu. Choose Export Mindmap SVG from the File dropdown at the left of the top bar.
3. Keep the master file. Hold on to canvasola-mindmap.svg and treat any PNG as a convenience copy for places that need a picture.

Export a mind map as PNG

Open the File menu and choose Export Mindmap PNG. The app draws the map to an off-screen canvas, converts it and saves canvasola-mindmap.png into your downloads. The picture is produced in the browser rather than by a separate drawing program, so what arrives matches the map you were looking at.

The PNG is a raster image, which means the quality is fixed at the moment of export. Zooming in later only enlarges the pixels you already have. If the map will be read at a large size, such as in a printed report or on a wall display, export the SVG instead and convert that, because the vector file carries no fixed resolution at all.

• The file lands in your downloads as canvasola-mindmap.png
• Raster quality is decided once, at the moment of export
• Node colors, icons, link tubes and node images are all included
• Labels are real text in the SVG, so they stay crisp and searchable

Know the 4096 pixel limit

Canvasola builds the PNG by rasterizing the SVG, and that raster step has a ceiling: the longest side of the picture never exceeds 4096 pixels. If the map is smaller than that, the PNG is written at its natural size. If the map is larger, the whole picture is scaled down until the long side fits inside 4096 pixels, and the short side follows to keep the proportions.

The cap exists because a browser canvas has a size limit of its own, and it is worth planning around. A wide map with fifty nodes can land at 4096 by 2000 pixels, which is comfortable on a screen and short of what a large-format print wants.

If you need more resolution, export the SVG and convert it in a vector editor, or split the map into smaller maps and export each one. If a PDF is the destination, the mind map PDF guide compares the available routes.

• The longest side of a PNG export stops at 4096 pixels
• Small maps export at their natural size and are never enlarged
• Large maps are scaled down as a whole, so no branch is cropped away
• SVG has no pixel cap, which is why it suits large prints

Note: Because the picture is scaled down rather than cropped, the trade-off is pixels and not content. A dense map stays complete, it simply gets softer when it is stretched.

Export the 3D layer stack view

A map split across the 3D layer stack has a separate export, because the stack is a camera view of depth planes rather than a drawing of the tree. Open the stack with the 3 key, pick a camera with the stack, front, side and free presets, and use the explode slider to pull the planes apart until the separation is obvious.

The button titled Export the 3D view as PNG captures exactly what the camera sees, including the depth arrangement, the plane labels and the position of the explode slider. That is the right file for a slide about architecture or a layered strategy, where the whole point is the gap between the layers.

The stack needs WebGL, so on a machine without hardware acceleration it will not open, and the 3D layer stack guide covers the camera presets and the trace mode for links that cross between planes.

• Press 3 to open the 3D layer stack
• Export the 3D view as PNG captures the current camera angle
• The capture keeps the explode slider position and the plane labels
• WebGL is required, so the stack needs hardware acceleration

Check the file before you send it

Open the exported file before you send it. For the SVG, drop it onto a browser tab and look at it at full size. For the PNG, open it in any image viewer and zoom in. You are checking three things: that every branch sits inside the frame, that the node labels are legible, and that no cross link tube runs straight through a label.

If a branch is cut off, the map was not fitted before the export, and the fix is to press F and export again. If the labels look soft in a PNG, the map was large enough to hit the pixel cap, and the fix is to send the SVG instead.

If the link tubes look wrong, the problem is in the map rather than in the export, and no file format will fix it. The complete Canvasola guide lists where every export lives in the File menu.

• Open the file and zoom in before attaching it to anything
• Every branch should sit inside the exported frame
• Soft labels in a PNG mean the map reached the pixel cap
• Cross link tubes should not run through the text

A checklist you can reuse

• The map was fitted to the window before the export ran
• SVG was chosen for anything that gets scaled, edited or printed
• PNG was chosen for messages, tickets and quick embeds
• The 4096 pixel cap was considered before a PNG was sent as a document
• The exported file was opened and zoomed before it went out
• Every branch sits inside the exported frame
• Node labels are readable at the size the file will be shown

Common mistakes to avoid

• Sending a PNG to a designer. A raster file cannot be recolored cleanly or enlarged without blur. Send the SVG when the map is going into a design tool or a print job.
• Expecting print resolution from a PNG. The longest side stops at 4096 pixels, so a large map falls short of a big print. Export the SVG and convert it instead.
• Exporting before fitting the map. An export taken from a partial view crops the tree without warning. Press F to fit the map, then export again.
• Ignoring the link tubes in the picture. Picture exports keep the cross link tubes, and a tube crossing a label makes both unreadable. Check the links before you export.
• Re-exporting the same map by hand every week. Save the SVG once and reuse it, and keep the project file so the map can be reopened and refreshed when the content changes.

Frequently asked questions

Which format should I use for a mind map image?

Use SVG when the file will be scaled, edited or printed, because it is vector and holds no fixed pixel size. Use PNG when the image is going straight into a message, a ticket or a document. The PNG is rasterized from the same SVG in your browser, so both show the same map, but only the SVG grows without losing sharpness.

Why is my exported PNG smaller than I expected?

The PNG export stops at 4096 pixels on its longest side and is never enlarged past the natural size of the map. A map that fills a wide area therefore produces a wide, moderately sized picture. When you need more pixels, export the SVG and convert it, because the vector file has no such ceiling.

Does the picture export include node images and cross links?

Yes. Node colors, icons, the images and freehand drawings attached to nodes, and the cross link tubes all appear in the file. The one thing to plan around is size, since a map large enough to reach the pixel cap is scaled down and small text gets harder to read.

Can a mind map be exported straight to PDF?

No. Canvasola has no direct PDF export, so the picture export and the browser print are the only two routes available. Export an SVG and convert it, or print the map and choose Save as PDF in the print dialog, and the mind map PDF guide walks through both in full.

This guide is part of the export and import collection. For the wider product tour, read the complete Canvasola guide, and keep the keyboard shortcut cheat sheet open while you work.