마크다운을 이미지로 변환
마크다운을 붙여넣어 렌더링된 이미지로 내보내세요 — 색상 테마를 적용하고, 배경색과 해상도를 조정한 뒤, Download as 메뉴에서 PNG, JPEG, WEBP, SVG 중 하나를 선택해 브라우저에서 바로 공유 가능한 카드를 저장하세요.
브라우저에서 완전히 실행됩니다 — 파일이 기기 밖으로 전송되지 않습니다.
렌더링과 이미지 내보내기 모두 오픈소스 html-to-image 라이브러리를 사용해 브라우저 안에서만 실행됩니다 — 아무것도 업로드되지 않습니다. JPEG와 WEBP는 항상 단색 배경(알파 채널 없음)으로 렌더링되며, PNG와 SVG는 투명하게 내보낼 수 있습니다. 위에서 테마를 선택하면 내보낼 카드의 색상이 바뀌고, 배경색 선택기도 해당 테마의 배경색으로 초기화됩니다(이후에도 직접 덮어쓸 수 있습니다).
사용 방법
- 01마크다운을 왼쪽 창에 붙여넣거나 입력하고, .md 파일을 업로드하거나, "Open from URL"로 웹에서 불러오세요.
- 02오른쪽 창에 실시간 스타일 미리보기가 렌더링됩니다 — 이것이 그대로 내보내집니다.
- 03색상 테마를 선택하고, 필요하면 배경색, 투명도, 해상도(1x/2x/3x)를 조정하세요.
- 04"Download as"를 클릭해 PNG, JPEG, WEBP, SVG 중 하나를 선택해 이미지를 저장하세요. 모든 처리는 클라이언트 측에서 이루어지며 마크다운은 브라우저 밖으로 나가지 않습니다.
자주 묻는 질문
어떤 이미지 형식이 지원되나요?
PNG, JPEG, WEBP, SVG가 모두 "Download as" 메뉴에 나열됩니다. PNG와 SVG는 투명 배경이 가능하고, JPEG와 WEBP는 항상 단색 배경으로 렌더링됩니다. 두 형식 모두 모든 뷰어에서 투명도를 안정적으로 지원하지 않기 때문입니다.
투명 배경으로 내보낼 수 있나요?
네, PNG와 SVG에서 가능합니다 — 도구 모음에서 "Transparent"를 체크하세요. 체크하면 "Download as" 메뉴의 JPEG와 WEBP 항목이 비활성화됩니다("no transparency"로 표시). 두 형식 모두 PNG/SVG처럼 투명도를 표현할 수 없어 항상 선택한 배경색(기본값 흰색)을 대신 사용하기 때문입니다.
내보낸 카드의 색을 바꿀 수 있나요?
네 — 도구 모음의 "Theme" 드롭다운에서 테마를 선택하면 내보낸 카드의 배경, 텍스트, 테두리, 링크 색이 바뀝니다. 테마를 선택하면 배경색 선택기도 그 테마의 배경색으로 재설정되며, 이후에도 직접 덮어쓸 수 있습니다. 기본 테마는 원래의 중립적인 "종이" 느낌을 유지합니다.
이미지의 선명도는 어떻게 조절하나요?
"Scale" 컨트롤(1x/2x/3x)을 사용하세요. 기기 픽셀 비율과 비슷하게 내보낸 이미지의 픽셀 밀도를 배로 늘립니다 — 2x(기본값)는 대부분의 화면에서 선명하게 보이고, 3x는 인쇄나 고해상도(HiDPI) 디스플레이에 유용합니다.
내보낼 수 있는 마크다운 분량에 제한이 있나요?
엄격한 제한은 없습니다 — 내보낸 이미지는 스크롤 가능한 미리보기 창에서 현재 보이는 부분만이 아니라 문서의 전체 렌더링 높이를 담습니다. 아주 긴 문서는 아주 긴 이미지가 됩니다.
제 마크다운이 서버로 업로드되나요?
아니요. 렌더링과 이미지 생성 모두 오픈소스 html-to-image 라이브러리를 사용해 브라우저 안에서 전적으로 이루어집니다. 네트워크로 전송되는 것은 없습니다(단, "Open from URL"로 원격 파일을 불러올 때는 예외로, 이는 서버를 거치지 않는 브라우저의 직접 요청입니다).
렌더링에 제한이 있나요?
이것은 픽셀 단위로 정밀한 디자인 도구가 아니라 실제 DOM 렌더링을 캡처합니다 — 대부분의 마크다운(제목, 목록, 표, 코드 블록, 링크)은 깔끔하게 렌더링됩니다. 관대한 CORS 헤더가 없는 사이트에 호스팅된 이미지(일부 배지나 로고에서 흔함)는 내보낸 파일에 포함될 수 없습니다. 그래도 내보내기는 성공하며, 해당 이미지들은 빈 공간으로 표시되고 몇 개가 건너뛰어졌는지 알려주는 알림이 표시됩니다.