Converti Mermaid in PNG o SVG

Incolla il codice Mermaid e ottieni un’immagine per slide, documenti, file README o chat. Diagrammi di flusso, di sequenza, delle classi, di stato, entità-relazione e Gantt vengono disegnati sul tuo dispositivo e vedi l’immagine prima di scaricarla.

Gratis per sempre · Funziona sul tuo dispositivo · 0 byte caricati

Scegli un file .mmd oppure trascinalo qui · non lascia mai questo dispositivo

Codice Mermaid Salva come Dimensione del PNG Tema Sfondo trasparente

Come usare Mermaid in immagine

Incolla il tuo codice Mermaid o scegli un file .mmd o .md.
Scegli PNG o SVG, una dimensione e un tema.
Fai clic su “Crea immagine”, controlla l’anteprima e scaricala.

Utile anche per

Mermaid in PNG
Mermaid in SVG online gratis
esportare diagramma Mermaid come immagine
diagramma di flusso Mermaid in immagine
alternativa a Mermaid Live Editor

Esempi Mermaid da cui partire

flowchart

flowchart TD
    Start([Order placed]) --> Pay{Paid?}
    Pay -->|Yes| Ship[Pack and ship]
    Pay -->|No| Remind[Send a reminder]
    Remind --> Pay
    Ship --> Done([Delivered])

sequenceDiagram

sequenceDiagram
    participant U as User
    participant A as App
    participant S as Server
    U->>A: Log in
    A->>S: Check password
    S-->>A: OK
    A-->>U: Welcome back

classDiagram

classDiagram
    class Customer {
      +String name
      +String email
    }
    class Order {
      +String id
      +Date placedAt
      +total() Number
    }
    Customer "1" --> "*" Order : places

erDiagram

erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ LINE_ITEM : contains
    PRODUCT ||--o{ LINE_ITEM : "appears in"

gantt

gantt
    title Website launch
    dateFormat YYYY-MM-DD
    section Build
    Design      :a1, 2025-01-06, 5d
    Development :a2, after a1, 10d
    section Launch
    Testing     :after a2, 4d

pie

pie title Where the week goes
    "Coding" : 45
    "Meetings" : 30
    "Reviews" : 15
    "Email" : 10

Privato per progettazione — e puoi verificarlo

I tuoi file non vengono mai caricati, perché non c'è nessun posto dove caricarli.

Non esiste alcun caricamentoI file vengono letti e scritti all'interno di questa scheda del browser. Non esiste un server che potrebbe riceverli.
Il browser lo imponeLa Content Security Policy di questa pagina consente connessioni solo verso questo sito, che non serve altro che l'app stessa.
Verifica di personaApri gli strumenti per sviluppatori, osserva la scheda Rete ed esegui un'operazione: nessuna richiesta trasporta il tuo documento.
Open sourceOgni riga di codice è su GitHub, realizzata con qpdf, pdf.js & pdf-lib.

Domande frequenti

I miei file vengono caricati da qualche parte?

No. Fizzdoc esegue il lavoro direttamente nella scheda del browser, usando motori open source compilati in WebAssembly e JavaScript. Il file viene letto dal tuo dispositivo, elaborato in locale, e il risultato viene salvato di nuovo sul tuo dispositivo. Puoi verificarlo tu stesso: apri gli strumenti per sviluppatori del browser, vai alla scheda Rete ed esegui un'operazione — nessuna richiesta trasporta il tuo file.

Quali diagrammi funzionano?

Tutto ciò che Mermaid sa disegnare: diagrammi di flusso, di sequenza, delle classi, di stato, entità-relazione, Gantt, grafici a torta, mappe mentali, timeline e grafici Git. Se il codice contiene un errore, il messaggio di Mermaid ti dice cosa correggere.

PNG o SVG?

L’SVG resta nitido a qualsiasi dimensione ed è ideale per siti web e strumenti di design. Il PNG funziona ovunque, anche in Word, PowerPoint e nelle app di chat; scegli 2× o 4× per slide e stampe nitide.

Fizzdoc è gratuito?

Sì, e resterà gratuito: niente registrazione, niente filigrana, nessun limite giornaliero e nessun piano premium. Fizzdoc è open source con licenza Apache-2.0, quindi chiunque può eseguire la propria copia.