Markdown を画像(PNG・JPG)に変換

ノート、表、コードをシェアできる画像に — 文字のくっきりさには Markdown to PNG、JPG も選べます。ライブ プレビューとサイズ調整付き。

ずっと無料 · ブラウザ内で実行 · 登録不要 · 忠実度レポート付き

最終検証:2026-10-25 · engine v0.5.0 · 変更履歴

Markdown を画像にする(3 ステップ)

1. Markdown を貼り付けMarkdown でノート、表、コードを貼り付け
2. 幅とスタイルを選択画像の幅とライト/ダークカードのスタイルを選択 — プレビューがリアルタイム更新

完全なワークフロー: AI チャット出力を画像として共有

3. PNG をダウンロード完全にブラウザ内で描画されたシャープな PNG(JPG も可)をダウンロード

例:Markdown → PNG image

チャット スレッドで共有したくなるコード断片。

入力(Markdown)
# deploy.sh

```bash
./deploy --region emea --wait
```
出力(png)

カード レイアウトのプレビュー — エクスポートは、このスタイルでローカル描画された完成済み 2× PNG/JPG 画像です。

deploy.sh

./deploy --region emea --wait
Rendered with DocsFast

ネイティブ変換される要素(されない要素)

要素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 カードに。テーマと 2× の鮮明さは Slack、Discord、X でも保たれます。生で貼った Markdown では不可能なことです。
表とノートを SNS 向け画像にMarkdown の表やノートをシェア可能な画像に。ライト/ダークカード、640–1200 px 幅、ローカル描画で何も漏れません。

よくある質問

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 変換 · markdown html 変換 · markdown エディター