Status decks
Drop the exported timeline into a slide so the room sees the plan without a Mermaid plugin or a second tool.
Gantt chart PNG export · free, no watermark
Free Mermaid Gantt Chart to PNG Converter
Paste Mermaid Gantt code, preview the schedule, and export a clean PNG or PDF for status decks, project READMEs, and planning docs. Free, local rendering, no watermark.
No signup · No watermark · Local browser rendering · Transparent background · 1x / 2x / 4x output
Paste or edit Mermaid code
Replace the sample below, or load another example.
Load example
Paste Mermaid code here. Preview and export load locally in your browser.
Live previewSample preview · Clean Docs
Render & export
Export controls activate after your diagram renders locally.
Gantt
Mode
Default renderNative MermaidOptimized exportStyled download
Export style
Clean DocsGitHub READMEGitHub DarkTransparent DocsWarm Editorial✦ ProWhiteboard Sketch✦ ProAurora Noir✦ ProBlueprint✦ ProChampagne✦ ProEmerald Suite✦ ProEditorial✦ Pro
Scale
1x2x4x
Or exact width, e.g. 1200px wide
Output: White · comfortable padding
Size: calculated after render
Filename: mermaid-gantt-white-2x.png
Why export Gantt charts as images
Gantt charts are made for stakeholders, and stakeholders read decks, PDFs, and wiki pages — none of which run Mermaid code. Exporting the chart puts the timeline where the decisions happen, exactly as designed.
Project READMEs
Keep the .mmd source in the repo and ship the rendered PNG next to it — code for maintainers, image for everyone else.
Planning docs
Export PDF for formal plans and PNG for wikis; both stay readable when the doc is printed or archived.
Gantt chart syntax worth knowing
The sample above is a realistic mini-sprint. Tasks carry status tags, and dates flow from either an explicit start or a dependency on an earlier task ID.
Tasks
- Task : a1, 2026-01-05, 3d
- ID, start date, duration
- Task : after a1, 2d
- Start once another task ends
- done / active
- Status tags on a task
- crit
- Critical-path highlight
- milestone
- Diamond marker with no duration
Timeline setup
- dateFormat YYYY-MM-DD
- How task dates are written
- axisFormat %b %d
- Labels on the time axis
- section Name
- Group tasks under a heading
- title Text
- Chart title
- excludes weekends
- Skip days on the timeline
Gantt chart export checklist
Long timeline?
Export PNG at 2x so the date axis and section labels stay legible after the image lands in a deck.
Print plan?
PDF keeps the timeline crisp on paper — use it for formal plans and sign-offs.
Weekly updates?
Keep the .mmd file as the source of truth and re-export the PNG after each edit — one paste, one download.
FAQ
Questions about this Mermaid export workflow
How do I convert a Mermaid Gantt chart to PNG?+
Paste your gantt code into the editor above, check the preview, then click Download PNG. Set the theme and 2x/4x scale before exporting — everything runs in your browser.
Can I export a Mermaid Gantt chart as PDF?+
Yes. PDF suits printed plans and formal documents; PNG is the better fit for slides, wikis, and READMEs.
Is the Gantt chart export free and watermark-free?+
Yes. Every export format is free, needs no signup, and never adds a watermark.
Can I skip weekends on the timeline?+
Add excludes weekends to the gantt header in your code — the preview and the exported image both honor it.
Why does my exported Gantt chart look blurry?+
Timelines are wide, so platforms shrink them. Export at 2x (or 4x for big screens) so dates and section labels stay readable after resizing.