Markdown 문서를 PNG로 — 600×800 페이지 카드, 코드 스크린샷 도구가 아님
Markdown 문서 전체를 공유용 PNG 카드로 렌더링합니다. 600×800 고정 페이지, 선택형 표지와 워터마크, ZIP 내보내기를 지원합니다. GFM 제목·목록·표는 렌더링하지만 코드는 구문 강조되지 않고, ---만 있는 줄은 새 페이지가 됩니다.
이 Markdown→PNG 도구가 실제로 하는 일
600×800 고정 카드, 한 장의 긴 이미지가 아님
내보낸 각 페이지는 600×800 CSS 픽셀 고정이며 그보다 긴 내용은 잘립니다. 4단계 글자 크기로 페이지당 내용량을 조절할 수 있습니다.
---만 있는 줄이 새 페이지
페이지는 ---만 포함한 줄에서 나뉩니다. 따라서 Markdown의 가로 구분선도 페이지 나누기가 되고, YAML front matter는 해석되지 않으며 끝의 ---도 문서를 나눕니다.
GFM 문서는 렌더링, 코드는 그대로
제목, 중첩 목록, 표, 작업 목록, 링크는 GitHub Flavored Markdown 규칙으로 렌더링됩니다. 코드 블록은 고정폭 글꼴만 쓰고 구문 강조가 없어, 이 도구는 문서 레이아웃용이지 코드 스크린샷용이 아닙니다.
선택형 표지와 워터마크
600×800 표지에 로컬 이미지, 제목, 부제, 점/격자 배경을 넣고, 투명도와 크기를 조절하는 텍스트 워터마크도 추가할 수 있습니다.
PNG 전용, ZIP 묶음, 로컬 렌더링
내보내면 페이지마다 PNG 한 장을 images.zip으로 묶습니다. 크기는 화면 픽셀 비율을 따르며(1×는 600×800, 2×는 1200×1600), JPG/SVG 출력이나 수동 2× 설정은 없고 업로드도 없습니다.
Markdown → PNG FAQ
carbon이나 ray.so와 무엇이 다른가요?
그 도구들은 코드 한 조각을 구문 테마와 함께 캡처합니다. 여기서는 입력이 Markdown 문서 전체이고, 출력은 표지·워터마크·강조색을 넣을 수 있는 600×800 페이지 카드입니다. 코드 블록은 강조 없이 그대로 표시됩니다.
한 장의 긴 이미지로 내보낼 수 있나요?
아니요. 페이지 크기가 고정이라 긴 문서는 여러 PNG로 나뉘어 ZIP에 담깁니다. 자동 높이 캔버스나 이미지 이어붙이기는 없습니다.
예상과 다른 위치에서 페이지가 나뉘는 이유는?
---만 포함한 모든 줄이 페이지 나누기로 처리되며, 가로 구분선으로 보이는 ---도 마찬가지입니다. YAML front matter는 해석되지 않고 그 구분선도 문서를 나눕니다.
카드 하단 글자가 잘리는 이유는?
각 카드는 높이 800픽셀 고정에 넘치는 내용이 숨겨집니다. 더 작은 글자 크기를 고르거나, 페이지 나누기를 앞당기거나, 섹션을 나누세요. 글자를 자동으로 줄이지는 않습니다.
구문 강조, 테마, 사용자 글꼴이 있나요?
강조와 테마 모음은 없습니다. 2색 그라데이션 배경, 굵은 글자용 강조색 하나, 4단계 글자 크기만 제공합니다. 글꼴, 여백, 배경 이미지는 고정입니다.
이미지를 넣을 수 있나요?
로컬 이미지를 업로드해 blob: Markdown 링크를 복사해 붙일 수 있지만, 그 링크는 현재 브라우저 세션에서만 유효합니다. 원격 이미지 URL은 교차 출처 제한으로 내보내기에 실패할 수 있습니다. 표지 이미지도 로컬에서 읽습니다.
해상도와 형식은 무엇이고 업로드되나요?
PNG이며 화면 픽셀 비율에 따라 1×는 600×800, 2×는 1200×1600이고 images.zip으로 묶입니다. 렌더링과 내보내기는 모두 브라우저에서 이루어지며 업로드는 없습니다.
