Markdown を画像(PNG・JPG)に変換
ノート、表、コードをシェアできる画像に — 文字のくっきりさには Markdown to PNG、JPG も選べます。ライブ プレビューとサイズ調整付き。
ずっと無料 · ブラウザ内で実行 · 登録不要 · 忠実度レポート付き
最終検証:2026-10-25 · engine v0.5.0 · 変更履歴
Markdown を画像にする(3 ステップ)
完全なワークフロー: AI チャット出力を画像として共有
例:Markdown → PNG image
チャット スレッドで共有したくなるコード断片。
# deploy.sh
```bash
./deploy --region emea --wait
```
カード レイアウトのプレビュー — エクスポートは、このスタイルでローカル描画された完成済み 2× PNG/JPG 画像です。
deploy.sh
./deploy --region emea --wait
ネイティブ変換される要素(されない要素)
| 要素 | PNG image での結果 |
|---|---|
| 見出し・リスト・表・コード | ネイティブ — 対応するスタイルでカードに描画 |
| 画像の幅 | ネイティブ — 640、800、1200 px |
| ライト / ダークカード | ネイティブ — プレビューに表示されるものがそのままダウンロードされます |
| 鮮明度 | ネイティブ — 2× で描画。チャットアプリや高 DPI 画面でもテキストはシャープなまま |
| 長い文書 | ネイティブ — 1 枚がキャンバスの安全上限を超える場合は、ブロック境界で番号付きページに自動分割し ZIP で提供(エンジン v0.4.0) |
| data-URI 埋め込み画像 | ネイティブ — ローカルのインライン画像はカードに描画。相対/リモート参照はラベル付きプレースホルダー(取得しない — キャンバスが汚染されるため) |
| リモート画像 | 非対応 — 取得しません — あなたの名前で行うサードパーティ リクエストはゼロ |
| JPG 版 | ネイティブ — JPG はカードの背景色を先に塗りつぶします(JPG には透過がないため) |
要素ごとの完全な検証結果と試験日:対応フォーマット。
このツールにできないこと
- 不可: SVG や WebP の出力 — PNG と JPG のみ
- 不可: カスタム フォント、2 テーマ以外の色
- 不可: トリミングや注釈
- 不可: リモート画像 — 設計により取得しません
Markdown → 画像変換 の活用シーン
よくある質問
PNG と JPG、どちらを選ぶべき?
既定は PNG です。可逆で周囲は任意透過 — テキストはどのサイズでもシャープに残ります。JPG は小さく、写真中心の内容に最適 — JPG には透過がないため白背景で塗られます。
Markdown 内の画像はどう処理されますか?
インラインの data-URI 画像はカードに埋め込まれます。リモート画像は取得されません — すべての DocsFast ツールと同じプライバシー規則です。
テキストは本当にシャープですか?
はい。カードは 2× 解像度で描画されるため、高 DPI 画面でもチャット アプリでもテキストはシャープに保たれます。
サイズと見た目は変えられますか?
幅 640/800/1200 px とライト/ダークのカード スタイルを選べます — ライブ プレビューがダウンロード結果をそのまま示します。
チャットにはどの幅を?
既定の 800 px はチャット クライアントと SNS 向け。640 は狭いスレッド、1200 はブログ埋め込みに。すべてのサイズが 2× 描画でテキストをシャープに保ちます。
PNG の背景は透過しますか?
カードはテーマの背景色(ライトまたはダーク)を使い、PNG はそれを正確に保持します。JPG を選ぶと背景は白で塗られます — JPG には透過がないためです。
下の小さなフッター行は何ですか?
すべてのカードに「Rendered with DocsFast — ローカル、プライベート、Markdown → 画像」という目立たない行がデザインの一部として入ります。この出力を気に入った人が出所をたどれるように、です。
非常に長い文書の場合は?
長い Markdown はブロック境界で番号付きページに分割されます — 2 ページ目は 1 ページ目の終わりから正確に始まり、文の途中では決して切れません — そしてページは ZIP で届きます(エンジン v0.4.0)。ブラウザには 1 枚のキャンバス画像の上限があるためで、分割によりすべてのページが上限内に収まり、白紙や途切れは出ません。
スクショ ツールなしでコード断片を画像にできますか?
できます — フェンスで囲まれたコードブロックを貼り、幅とテーマを選び、ブラウザ内で描画される 2× PNG をダウンロード。テキストはチャットアプリや高 DPI 画面でシャープなまま。アップロードは一切ありません。
Markdown→画像カードはどこで使われていますか?
主にチャットと SNS:Slack や Discord のコード断片、コミュニティ投稿の表やノート、生きた文書では過剰なドキュメントのスクショ。カードのフッターがここへ誘導します。
関連ツール
Markdown → PDF 変換
ブラウザ内で印刷対応の PDF を作成
Markdown → HTML 変換
Markdown をクリーンで自己完結したスタイル付き HTML ページに。サニタイズ済み、外部依存なし、公開できる状態です。
Markdown エディター
ブラウザで Markdown を書いてプレビュー。リアルタイムの書式、文字数カウント、PDF/Word への即時エクスポート。
関連検索: markdown pdf 変換 · markdown html 変換 · markdown エディター