Mermaid를 이미지로 – PNG 또는 SVG로 다이어그램 내보내기

Mermaid 다이어그램을 이미지로 변환하는 방법

Mermaid 코드를 붙여넣거나 UTF-8 Markdown 또는 MMD 파일을 불러오세요. 입력을 잠시 멈추면 미리보기가 자동으로 갱신됩니다.

다이어그램이 여러 개라면 미리보기 위에서 하나를 선택하세요. 옵션에서 테마, 배경, 여백, 출력 형식을 설정할 수 있습니다.

래스터 이미지인 PNG 또는 확대 가능한 SVG로 다운로드하세요. PNG 배율은 출력 해상도만 바꾸고 다이어그램 배치는 바꾸지 않습니다.

Mermaid 이미지 변환 FAQ

Markdown 문서 전체를 이미지로 변환하나요?

아니요. Markdown의 Mermaid 코드 블록을 추출하여 한 번에 다이어그램 하나를 내보냅니다. 주변 제목, 문단, 일반 코드 블록은 포함하지 않습니다. 문서 전체를 미리 보려면 Markdown Editor를 사용하세요.

PNG와 SVG 중 무엇을 선택해야 하나요?

PNG는 렌더링된 모습을 유지하므로 문서와 프레젠테이션에 적합합니다. SVG는 확대해도 선명하지만 다른 기기에서 글꼴이 달라질 수 있습니다. 두 형식 모두 투명 배경을 지원하며 PNG는 1×~4× 출력 배율을 제공합니다.

어떤 다이어그램을 렌더링할 수 있나요?

일반적인 Mermaid 다이어그램에는 순서도, 시퀀스, 클래스, 상태, 개체 관계 다이어그램, 간트 차트, 원형 차트가 있습니다. 레이블은 기기에서 사용 가능한 글꼴을 사용합니다. 대화형 콜백, 내장 HTML, 외부 이미지는 지원하지 않습니다.

로컬에서 처리하나요? 크기 제한이 있나요?

렌더링과 내보내기는 브라우저에서 수행됩니다. 입력은 200,000자, 가져오는 파일은 200 KB, 문서당 다이어그램은 20개로 제한됩니다. 각 다이어그램은 20,000자와 최대 250개 연결을 허용합니다. PNG는 한 변 최대 8,192픽셀, 총 1,600만 픽셀까지 지원합니다.