Markdown 文書を PNG に — 600×800 のページ分割カード、コードのスクリーンショットではありません
Markdown 文書全体を共有用の PNG カードに変換します。600×800 固定のページ、任意の表紙とウォーターマーク、ZIP での書き出しに対応。GFM の見出し・リスト・表は描画しますが、コードはシンタックスハイライトされず、--- だけの行は改ページになります。
この Markdown→PNG ツールが実際にできること
600×800 固定のカードで、1枚の長い画像ではありません
書き出した各ページは 600×800 CSS ピクセル固定で、それより高い内容は切り取られます。4段階の文字サイズで1ページに入る量を調整できます。
--- だけの行が改ページになります
ページは --- のみを含む行で分割されます。そのため Markdown の水平線も改ページになり、YAML front matter は解析されず、終わりの --- もページを分けます。
GFM 文書は描画、コードはプレーンなまま
見出し・入れ子リスト・表・タスクリスト・リンクは GitHub Flavored Markdown に従って描画されます。コードブロックは等幅フォントのみでハイライトはありません。文書レイアウト用であり、コードのスクリーンショット用ではありません。
表紙とウォーターマークは任意
600×800 の表紙にローカル画像・タイトル・サブタイトル・ドット/グリッド背景を追加でき、不透明度とサイズを調整できるテキストウォーターマークも付けられます。
PNG のみ、ZIP にまとめてローカルで描画
書き出しは1ページ1枚の PNG を images.zip にまとめます。サイズは画面のピクセル比に依存し（1× は 600×800、2× は 1200×1600）、JPG/SVG 出力や手動の 2× 設定はなく、アップロードもありません。
Markdown から PNG へのよくある質問
carbon や ray.so と何が違いますか？
それらは1つのコード片をシンタックステーマ付きで撮影するツールです。ここでは入力が Markdown 文書全体で、出力は表紙・ウォーターマーク・アクセントカラーを付けられる 600×800 のページ分割カードです。コードブロックはハイライトされないプレーンなままです。
1枚の長い画像として書き出せますか？
できません。ページサイズは固定のため、長い文書は複数の PNG になり ZIP にまとめられます。自動高さのキャンバスや画像の結合はありません。
思ったところでページが分かれるのはなぜですか？
--- だけを含む行はすべて改ページとして扱われ、水平線として表示される --- も同じです。YAML front matter は解析されず、その区切りも文書を分割します。
カード下部の文字が見切れるのはなぜですか？
各カードは高さ 800 ピクセル固定で、はみ出した内容は隠されます。より小さい文字サイズを選ぶ、早めに改ページを入れる、セクションを分割してください。文字は自動で縮小されません。
シンタックスハイライト、テーマ、カスタムフォントはありますか？
ハイライトもテーマ集もありません。2色のグラデーション背景、太字用のアクセントカラー、4段階の文字サイズのみです。フォント、余白、背景画像は固定です。
画像を挿入できますか？
ローカル画像をアップロードし、blob: の Markdown リンクをコピーして本文に貼れますが、そのリンクは現在のブラウザセッションでのみ有効です。リモート画像の URL はクロスオリジンの制約で書き出しに失敗することがあります。表紙画像もローカルから読み込みます。
解像度と形式は？アップロードはされますか？
PNG で、画面のピクセル比に応じて 1× なら 600×800、2× なら 1200×1600 になり、images.zip にまとめられます。描画と書き出しはすべてブラウザ内で完結し、アップロードはありません。
