mdtoword

Markdownを画像に変換

Markdownを画像に変換して、メモ、表、コードを PNG または JPG で共有できます。テキストの貼り付けや MD ファイルの読み込みに対応。プレビューを確認しながら、画像の幅、解像度、背景、余白を調整できます。

PNG・JPG に保存リアルタイムプレビュー画像サイズを調整
Markdown ファイルを開く.md または .markdown · 最大 5 MB
Markdown ファイルを開く

画像プレビュー

1700 × 1000 px

プレビューを生成中…

Markdownを画像に変換するとは?

Markdownを画像に変換すると、記法を読みやすく整形した結果を一枚の画像として保存できます。見出し、段落、箇条書き、表、コードをまとめて共有できるため、Markdown に対応していないチャットやスライドでも文書の構成が伝わります。学習ノートや作業手順、プロジェクトの進捗共有にも使えます。

Markdown の見出し、リスト、表を整形して一枚の画像に変換する例
  • 記法を読みやすいレイアウトに
    Markdownを画像に変換する処理は、編集画面の文字をそのまま撮影するものではありません。まず見出し記号やリスト、表の記法を解釈し、指定した幅でレイアウトを作ります。保存前にプレビューを見て、改行や表の幅を調整してください。原文は編集できる状態のままなので、内容を直してから何度でも画像を書き出せます。
  • 表だけでなく文書全体を保存
    Markdownを画像に変換するときは、単独の表だけでなく、説明文、コード、リストを含む複数のセクションもまとめられます。プレビュー欄でスクロールしないと見えない部分も、サイズ制限内であれば出力に含まれます。一回の書き出しで一枚の画像を作り、自動では分割しません。長い資料は見出しごとに分けると、スマートフォンでも読みやすくなります。
  • チャットや資料にそのまま共有
    Markdownを画像に変換した結果は、メッセージへの添付やスライドへの挿入に利用できます。受け取った人は専用エディターを用意せずに内容を確認できます。ただし、画像内の文字を直接選択したり編集したりすることはできません。コードのコピーや検索、スクリーンリーダーでの読み上げが必要な相手には、元の Markdown やテキスト版も添えてください。

Markdownを画像に変換する手順

内容の追加、プレビュー、画像設定、保存の四つの手順で進めます。Markdownを画像に変換する前に、共有先で必要な形式と表示サイズを確認しましょう。文字中心なら PNG を、JPEG が必要な場合は JPG を選べます。

1
Markdown テキストの貼り付けと MD ファイルの読み込み
貼り付け・ファイル読み込み
MD ファイルやメモを追加
Markdownを画像に変換するには、左側の編集欄へ内容を貼り付けるか、5 MB 以下の .md または .markdown ファイルを開きます。最初のサンプルは編集欄に入ると全選択され、そのまま置き換えられます。ツールバーでは見出しや強調などを編集できます。別のファイルを開く前に、残したい変更は手元に保存してください。
2
見出し、表、コードを整形した文書のプレビュー
プレビューを確認
文書の構成と改行をチェック
Markdownを画像に変換する画面では、編集内容に応じて右側のプレビューが更新されます。リストの階層、表の行と列、コードの最終行を確認してください。数式や Mermaid 図も、対応する記法が正しければ表示できます。プレビューは画面に収まるよう縮小されますが、保存画像には設定したピクセル数が使われます。
3
ダイアログで画像の形式、幅、解像度、背景、余白を調整
画像設定を調整
形式・幅・解像度・背景・余白
ダウンロードボタンの隣にある設定アイコンから、画像設定を開きます。PNG または JPG、画像の幅、1× または 2× の解像度、明るい背景や暗い背景、余白を選べます。Markdownを画像に変換するとき、表が窮屈なら先に幅を広げてください。解像度を上げてもレイアウト自体は変わりません。設定を閉じたら、もう一度見た目を確認しましょう。
4
完成した画像を PNG または JPG で保存し、PNG をコピー
画像を保存・コピー
PNG または JPG をダウンロード
Markdownを画像に変換する準備ができたら、ダウンロードボタンを押します。進行状況バーには、素材の準備、描画、画像のエンコードなどが表示されます。ブラウザーが対応し、クリップボードへのアクセスが許可されている場合は、メニューから PNG をコピーすることもできます。保存後は実際の表示サイズで、文字の大きさや表の読みやすさを確認してください。

Markdownを画像に変換するときに使える機能

ファイル形式、画像の寸法、背景、余白を調整して、用途に合う画像を作れます。Markdownを画像に変換する処理はブラウザー内で行われ、元の文章はそのまま編集できます。別の形式が必要なら、入力内容をほかの変換ツールへ引き継げます。

文字や罫線を保ちやすい PNG

Markdownを画像に変換するとき、文字中心の文書には可逆圧縮の PNG が向いています。見出し、表の罫線、コードの細部を保存でき、拡大縮小に備えたい場合は 2× 解像度も選べます。ただし、ピクセル数が増えるとファイルも大きくなる場合があります。背景は選択した単色で保存され、現在は透過 PNG には対応していません。

JPEG が必要な共有先には JPG

JPG と JPEG は同じ画像形式です。Markdownを画像に変換して、JPEG 指定の投稿先やアプリに渡したいときに使えます。写真を含む文書では PNG とサイズを比較してみてください。JPG は非可逆圧縮のため、小さい文字や線の輪郭が柔らかく見える場合があります。必ず PNG より小さくなるわけではないので、保存結果を見て選びましょう。

画像の幅と解像度を選択

Markdownを画像に変換する際の幅は、文書の折り返し位置を決めます。解像度は、そのレイアウトを何倍のピクセル数で保存するかという設定です。例えば幅 850 px、解像度 2× なら、出力画像の幅は 1700 ピクセルです。細いレイアウトは改行が増え、画像が縦長になりやすくなります。サイズ制限に達したら、解像度を下げるか内容を分けてください。

共有先で読みやすい構成に

Markdownを画像に変換する前に、伝えたい内容を短いセクションへ整理すると読みやすくなります。表の周りには余白を設け、文字と背景のコントラストも確認してください。高い解像度にするだけでは、情報が詰まりすぎた文書は改善しません。スマートフォンで見る相手には、長いレポート一枚より、要点ごとの短い画像が扱いやすい場合があります。

文書の変換はブラウザー内で処理

Markdownを画像に変換するために、本文を外部の変換 API へ送ることはありません。ファイルの読み込みと文書の描画、画像生成は利用中のブラウザーで行います。一方、サイトのスクリプトやフォントなどは通常どおり読み込まれ、文書内の外部画像は配信元にアクセスします。完全なオフライン動作を保証するものではありません。外部への画像リクエストを避けたい場合は、その参照を削除してください。

Word・PDF などへ内容を引き継ぐ

Markdownを画像に変換した後、ダウンロードのメニューから Word、PDF、HTML、Excel、JSON の変換画面へ進めます。現在の Markdown を引き継ぐため、同じ内容を貼り直す必要はありません。編集可能な文書には Word、複数ページの印刷には PDF、表のデータには Excel や JSON が候補になります。変換先ごとに対応範囲が異なるので、出力前に内容を確認してください。

よくある質問

Markdownを画像に変換する際のよくある質問

文書全体の出力、長い内容、対応する書式、外部画像の制限などを確認できます。Markdownを画像に変換する前に、用途に合う形式と共有方法を選びましょう。

1

Markdownを画像に変換すると全文が含まれますか?

はい。プレビュー欄に見えている範囲だけでなく、描画された文書全体が一枚の画像になります。高さは内容に合わせて変わります。Markdownを画像に変換する際、サイズ制限を超えたからといって末尾を自動で切り捨てることはありません。大きすぎる場合は設定変更や内容の分割を案内します。保存後は、長い表や図の下にある最後の段落も確認してください。

2

長い Markdownを画像に変換するには?

まず 1× 解像度を選び、読みやすい幅を設定してください。幅を広げると改行が減る場合がありますが、横方向のピクセル数は増えます。ページの自動分割には対応していないため、長い報告書は見出しごとに分けて保存する方法が適しています。多くのページを続けて読む場合や印刷が目的の場合は、PDF への変換も検討してください。

3

どの Markdown 書式に対応していますか?

見出し、太字、斜体、リスト、リンクの表示文字、コードブロックに対応しています。GitHub 形式の表、ドル記号で囲む数式、正しい記法の Mermaid 図も扱えます。コードは等幅で表示されます。Markdownを画像に変換しても、誤った記法が自動修正されるわけではありません。複雑な数式や図は保存前にプレビューで確かめ、エラーがあれば原文を修正してください。

4

文書内の画像で書き出しに失敗するのはなぜですか?

Markdownを画像に変換するには、埋め込み画像のデータを読み込んでから出力に描画する必要があります。パソコン内の相対パスで指定された画像は MD ファイルと一緒には読み込まれず、外部サーバーがクロスオリジンの読み取りを許可していない場合もあります。利用できる画像 URL に置き換えるか、その画像を削除して再試行してください。プレビューで見える画像でも、書き出しに使えるとは限りません。

5

元の文書はサーバーへ送信されますか?

本文を画像変換サーバーへ送信せず、ブラウザー内で Markdownを画像に変換します。ただし、サイトの通常のリソース読み込みや、文書に指定した外部画像へのアクセスは発生します。外部画像の配信元にアクセスしたくない場合は、該当する参照を先に削除してください。後から修正できるよう、元の文書も手元に保存しておくことをおすすめします。

6

保存後も文字の編集やリンクのクリックはできますか?

画像として保存されるのは、文字やリンクの見た目を構成するピクセルです。文字の選択やリンクのクリックはできません。修正したい場合は原文を編集して、もう一度 Markdownを画像に変換してください。検索や読み上げ、コードのコピーが必要ならテキスト版も共有しましょう。編集可能な形式が必要な場合は、メニューから Word や HTML に進めます。