·7 min read
How to Export PlantUML as PNG or SVG in OnUML
Export PlantUML diagrams from OnUML as PNG or SVG, save editable cloud projects, restore browser drafts, and create public share links.
plantumlpngsvgexportonuml
Author
Simon Yu
Simon Yu is the public pen name used for selected OnUML technical articles about UML, PlantUML, Mermaid, and diagram-as-code workflows.
About this byline
Articles under this name are published and maintained through OnUML's editorial workflow. The byline does not claim a separate employer history, credential, or social profile. This disclosure is intentional: readers should be able to distinguish a public pen name from an independently verifiable personal identity.
Technical claims are expected to follow the OnUML Editorial Policy, with preference given to official documentation and reproducible examples.
Published articles
21 articles currently use this byline.
·6 min read
PlantUML Class Diagram: Relationships, Syntax, and Examples
Build a PlantUML class diagram with fields, methods, visibility, inheritance, interfaces, dependency, aggregation, composition, and multiplicity.
plantumlclass-diagramumldomain-modeling
·7 min read
PlantUML Colors and Themes: A Practical Styling Guide
Learn how to style PlantUML diagrams with named colors, hex values, built-in themes, CSS-like styles, and accessible color choices.
plantumlplantuml-colorsplantuml-themesdiagram-styling
·17 min read·Featured
PlantUML Examples: Diagrams, Syntax, and Workflows
Explore copyable PlantUML examples for sequence, class, ER, C4, activity, component, and state diagrams, then learn how to style, save, and export them.
plantuml-examplesplantuml-diagramplantuml-syntaxplantuml-diagramsplantuml-example
·7 min read
PlantUML Newpage Not Working? Rendering and Output Fixes
Learn why PlantUML newpage shows one image in OnUML and split long sequence diagrams into tabs that can be previewed, saved, and exported.
plantumlplantuml-newpagepage-breaktroubleshooting
·9 min read
PlantUML Sequence Diagram: Syntax and Real-World Examples
Build authentication and REST API flows with PlantUML participants, messages, activation bars, conditions, loops, and numbering.
plantumlsequence-diagramumlapi-design
·8 min read
PlantUML WYSIWYG Editor: Can You Drag and Drop Diagrams?
Learn what WYSIWYG and drag-and-drop mean for PlantUML, what the language supports, and how to choose between text-first, visual, and hybrid editors.
plantumlplantuml-wysiwyg-editordrag-and-dropdiagram-editor
·8 min read
PlantUML C4 Diagrams: Context, Container, and Component
Create PlantUML C4 diagrams for system context, containers, and components using C4-PlantUML macros, reproducible includes, and a connected example.
plantumlc4-modelsoftware-architecturec4-plantuml
·8 min read
PlantUML Layout Guide: Direction, Spacing, and Nested Boxes
Control PlantUML layout with direction, containers, spacing, layout engines, and restrained relationship hints without fragile positioning hacks.
plantumlplantuml-layoutnested-boxesdiagram-layout
·7 min read
PlantUML ER Diagram: Entities, Keys, and Relationships
Create a PlantUML ER diagram with entities, keys, required attributes, and crow's-foot cardinality, and compare IE, Chen, and class diagram notation.
plantumler-diagramerddatabase-design
·7 min read
Mermaid vs PlantUML ER Diagrams: Application Schemas
Use Mermaid Crow's Foot notation for application schemas and PlantUML Chen notation for conceptual models. Compare keys, cardinality, scope, and tradeoffs.
mermaidplantumler-diagramerddatabase-designdiagram-as-code
·9 min read
Mermaid vs PlantUML Architecture Diagrams Compared
Use Mermaid for service and resource maps, and PlantUML for component contracts, deployment views, C4 baselines, and formal architecture documentation.
mermaidplantumlsoftware-architecturearchitecture-diagramdeployment-diagramdiagram-as-code
·7 min read
Mermaid vs PlantUML State Diagrams: Formal State Machines
Compare Mermaid and PlantUML for composite states, concurrent regions, history states, and entry or exit points in production state-machine documentation.
mermaidplantumlstate-diagramstate-machinediagram-as-codeuml
·7 min read
Mermaid vs PlantUML Activity Diagrams: Which Is Better?
Compare Mermaid Flowchart and PlantUML activity syntax for branches, loops, fork/join, and early exits. Learn why formal activity models favor PlantUML.
mermaidplantumlactivity-diagramflowchartdiagram-as-codeuml
·9 min read
Mermaid C4 vs C4-PlantUML: Choosing a Formal C4 Standard
Mermaid C4 remains experimental as of July 22, 2026. Compare its five views, documented limits, formal architecture fit, and governance with C4-PlantUML.
mermaidplantumlc4-modelc4-diagramsoftware-architecturediagram-as-code
·8 min read
Mermaid vs PlantUML Class Diagrams for Formal UML Models
Compare Mermaid and PlantUML class diagrams for relationships, namespaces, association classes, view trimming, and maintainable formal UML documentation.
mermaidplantumlclass-diagramdiagram-as-codeuml
·7 min read
Mermaid vs PlantUML Swimlane Diagrams for Process Design
OnUML uses Mermaid 11.6.0, where subgraph only approximates lanes. Compare it with 11.16.0 swimlane-beta and PlantUML activity swimlanes for role ownership.
mermaidplantumlswimlane-diagramactivity-diagramflowchartdiagram-as-code
·10 min read
Mermaid vs PlantUML Sequence Diagrams: Complex Flows
Mermaid covers six common control fragments. PlantUML adds dedicated return, autoactivation, reference, and pagination syntax for complex interaction flows.
mermaidplantumlsequence-diagramdiagram-as-codeuml
·7 min read·Featured
Mermaid vs PlantUML: Everyday Docs or Complex Architecture?
Choose Mermaid for everyday documentation and PlantUML for formal UML or complex architecture. Compare capabilities, version limits, and delivery scenarios.
mermaidplantumldiagram-as-codeumlsoftware-architecture
·17 min read·Featured
Mermaid Flowchart Guide: Syntax, Examples & Best Practices
Learn Mermaid flowchart syntax with practical examples for authentication, CI/CD, microservices, error handling, SSO, and e-commerce workflows.
mermaidflowcharttutorialdiagramsystem-design
·11 min read·Featured
Mermaid Sequence Diagram Guide: From Beginner to Pro
Learn how to create beautiful sequence diagrams using Mermaid syntax. Covers basic syntax, advanced patterns, and best practices for API documentation.
mermaidsequence-diagramtutorialapi-documentation