Convertitore gratuito da Mermaid a PNG

Incolla il codice Mermaid, visualizza il diagramma nel browser e scaricalo in PNG o SVG. Testo, frecce e gruppi restano insieme in un’immagine che puoi condividere senza aprire un editor di codice.

Inizia con fino a 150 crediti gratis|Nessuna carta di credito richiesta

Con un invito puoi ottenere fino a 350 crediti gratis il primo giorno.

3 motori per figure · 500+ modelliOgni etichetta modificabile · 60+ schemi di coloriPPTX modificabile · SVG a livelli · 8K PNG / JPG

Converti Mermaid in PNG e SVG

Incolla un sorgente Mermaid supportato, per esempio un diagramma di flusso o di sequenza. Rendering ed esportazione avvengono localmente nel browser.

Sorgente Mermaid

Sfondo di esportazioneScala del PNG

Massimo 20.000 caratteri di sorgente, 150 collegamenti e 4096 pixel per lato del diagramma. Il PNG usa la scala scelta, fino a 8192 pixel sul lato più lungo. Il rendering avviene in questo browser.

Convertitore gratuito da Mermaid a PNG— modelli ed esempi

Aggiornato 2026-10-19

Strumenti per diagrammi Mermaid

Convertitore gratuito da Mermaid a PNG

Name: SciFig
Author: SciFig

Trasforma il codice in un’immagine chiara, con lo sfondo e la scala di esportazione che scegli.

La conversione da Mermaid a PNG trasforma il codice testuale di un diagramma in un’immagine raster per documenti e presentazioni. Incolla il codice Mermaid, visualizza il diagramma nel browser e scaricalo in PNG o SVG. Testo, frecce e gruppi restano insieme in un’immagine che puoi condividere senza aprire un editor di codice.

Crea un diagramma Mermaid

Diagramma di flusso Mermaid che collega domanda di ricerca, esperimento, analisi e figura scientifica

Incolla il codice del diagramma
Scegli la scala di esportazione
Usa uno sfondo trasparente
Esporta il diagramma in SVG

Funzioni del convertitore Mermaid

Trasforma il codice in un’immagine chiara, con lo sfondo e la scala di esportazione che scegli.

Genera diagrammi dal codice Mermaid

Parti dal sorgente che hai già. SciFig rappresenta nodi, relazioni ed etichette in un’anteprima visibile. L’immagine segue il codice e ne mantiene la struttura. Usa un diagramma di flusso, sequenza o classi per trasformare una spiegazione testuale in una figura per il tuo documento.

Incolla il codice del diagramma
Controlla nodi collegati ed etichette
Mantieni sottografi e relazioni

Genera dal codice Mermaid

Esporta immagini PNG nitide

Scegli la scala di esportazione in base alle dimensioni richieste nel documento o nella presentazione. PNG è utile quando la destinazione accetta immagini ma non esegue Mermaid. L’immagine conserva geometria e testo insieme, mantenendo il significato del diagramma quando lo condividi con i collaboratori.

Scegli la scala di esportazione
Mantieni l’intero diagramma
Usa un’immagine raster nelle slide

Prepara un PNG

Scegli lo sfondo del diagramma

L’esportazione trasparente permette di inserire il diagramma su una slide colorata, mentre lo sfondo bianco dà all’immagine una base autonoma. Scegli in funzione della destinazione. SciFig applica lo sfondo al file esportato, mantenendo struttura e contenuto del diagramma.

Usa uno sfondo trasparente
Scegli uno sfondo bianco
Inserisci il risultato in una slide

Imposta lo sfondo

Conserva una versione vettoriale accanto al PNG

Scarica SVG se ti serve un diagramma scalabile. Il file vettoriale mantiene linee e testo, mentre PNG è comodo per i documenti di ogni giorno. Entrambi derivano dallo stesso sorgente Mermaid visualizzato, così puoi conservare un’immagine da condividere insieme al codice che l’ha prodotta.

Esporta il diagramma in SVG
Mantieni le linee vettoriali
Conserva codice e risultato insieme

Esporta un diagramma Mermaid

Come creare il diagramma

Prepara un diagramma Mermaid con gli strumenti della pagina e scarica il risultato.

Incolla il sorgente Mermaid
Apri il convertitore e incolla il codice. Parti da un diagramma di flusso, sequenza o classi supportato. Includi le etichette e le relazioni che vuoi nell’immagine finale: queste istruzioni determinano la struttura generata.
Genera il diagramma
Avvia l’anteprima per visualizzare nodi, gruppi e collegamenti del codice. Se il sorgente contiene un errore di sintassi, controlla il messaggio e il codice, correggilo e genera di nuovo il diagramma.
Scegli sfondo e scala
Seleziona lo sfondo e la scala di esportazione in base alla destinazione. Lo sfondo trasparente funziona sulle slide colorate, quello bianco dà all’immagine una base autonoma. Una scala PNG maggiore offre più pixel per le etichette, mantenendo le proporzioni.
Scarica PNG o SVG
Scarica PNG per una slide, una relazione o un documento. Scegli SVG per una copia vettoriale dello stesso diagramma. Conserva il sorgente Mermaid con i file esportati, così le modifiche strutturali successive possono partire dal codice originale.

Usi dei diagrammi Mermaid

Collega la spiegazione nei tuoi materiali a un diagramma visibile e completo di etichette.

Inserisci un flusso di lavoro in una relazione

Una relazione sui metodi può contenere un processo scritto in Mermaid. Converti il sorgente in PNG per mostrare i punti decisionali senza richiedere un editor di codice. Conserva il diagramma con il documento e rigeneralo quando il flusso cambia.

Esplora questo esempio

Diagramma di sequenza Mermaid: il ricercatore inserisce il codice, visualizza l’anteprima ed esporta PNG

Condividi una sequenza con i collaboratori

Usa un diagramma di sequenza per spiegare chi invia ciascun messaggio. Genera il diagramma dal codice ed esporta l’intera interazione per una discussione di gruppo. Un’immagine statica mostra l’ordine in una presentazione o in un verbale senza richiedere un’integrazione Mermaid.

Esplora questo esempio

Diagramma delle classi Mermaid con campi, metodi e relazione fra Experiment e Figure

Documenta le relazioni fra classi

Un’appendice tecnica può richiedere un diagramma delle classi anziché una schermata del codice. Rappresenta relazioni, etichette e compartimenti di Mermaid, poi esporta SVG per una figura scalabile o PNG per un documento che accetta immagini raster.

Esplora questo esempio

Diagramma di flusso Mermaid che collega codice, una fase PNG trasparente e sfondo della slide

Abbina il diagramma a una slide

Posiziona un PNG trasparente sullo sfondo della slide mantenendo etichette e frecce. Scegli una scala maggiore se il diagramma occupa gran parte della slide. Per cambiare la struttura, modifica il codice originale prima di creare una nuova immagine.

Esplora questo esempio

Flusso Mermaid con sottografo di preparazione del campione seguito da misura della risposta e confronto delle condizioni

Spiega fasi raggruppate

I sottografi possono raccogliere fasi correlate all’interno di un flusso più ampio. Esporta i confini dei gruppi e le etichette complete per distinguere i singoli passaggi dal processo generale. È utile per procedure con più gruppi di lavoro coinvolti.

Esplora questo esempio

Conserva una figura di progetto facile da condividere

Salva il sorgente Mermaid insieme alle versioni PNG e SVG nella cartella del progetto. L’immagine è pronta da condividere, mentre il sorgente documenta le relazioni in modo sintetico. Per un nuovo diagramma di processo da una descrizione, puoi usare SciFig FlowChart.

Esplora questo esempio

Come i ricercatori usano SciFig

Il nostro documento sui metodi includeva un flusso di lavoro conservato in un file Mermaid. Ho convertito Mermaid in PNG per mostrare gli stessi punti decisionali nella relazione senza passare da un altro editor. Conservare il codice accanto all’immagine esportata dava al gruppo un riferimento chiaro per modificare il processo quando il protocollo cambiava.

Lena W.

Ingegnera del software per la ricerca, Università di Cambridge

Stavo spiegando un diagramma delle classi e volevo che il testo restasse chiaro anche fuori dall’ambiente di sviluppo. SciFig mi ha permesso di esportare il diagramma Mermaid in PNG con una scala adeguata. Ho mantenuto la figura intera anziché una schermata ritagliata dell’editor, così la dispensa includeva tutti i collegamenti di cui parlavamo.

Julian A.

Docente di informatica, Università di Southampton

Strumenti gratuiti

Uno strumento per ogni figura scientifica

120 generatori dedicati per la figura scientifica che ti serve — ognuno si apre nell'area di lavoro giusta con un esempio.

Illustrazioni, strutture e diagrammi concettuali

60 strumenti