本文へスキップ
freeonlinemarkdowneditor
日本語

Markdown を画像に変換

左に Markdown を書くと、右に PNG が表示されます。Instagram、LinkedIn、YouTube などのサイズを選ぶか、幅と高さを自由に入力して、ダウンロードしましょう。

追加設定— プリセット、変換オプション、PDFスタンプ
プリセット— テキストの貼り付け先を選ぶと設定が切り替わります。入力済みの文章が置き換わることはありません。サンプルは入力欄が空のときだけ読み込まれます。
変換設定
テキストの整理
スタンプ

最初から設定済みです。文書のタイトルと印刷した時刻を載せたフッターが入ります。触らなくてもそのまま使えます。別のものにしたい場合は下で変更するか、既製の組み合わせを選んでください。

好きな文字を入力できます。次の記号は印刷時に値に置き換わります。

{title}
文書の最初の見出し、または最初の行
{date}
PDFを印刷した日付
{time}
PDFを印刷した時刻
{datetime}
両方。例: 2026年8月30日 14:57

ページ番号の記号はありません。ブラウザは繰り返されるヘッダーの中でページ数を数えられないためです。代わりに印刷ダイアログでページ番号を追加できます。下の注記をご覧ください。

13 px

Markdown

出力

キーボードショートカット— VS Codeと同じキー割り当てです。または次を押してください: Ctrl / ⌘ + H

出力

  • Ctrl/⌘+Enter出力をコピー
  • Ctrl/⌘+S出力をダウンロードVS Code: Save
  • Ctrl/⌘+PPDF として保存ブラウザーの印刷ダイアログを引き継ぎ、周囲のページではなく文書だけを印刷します
  • Ctrl/⌘+Shift+Vプレーンテキスト → リッチテキスト → HTML ソースを順に切り替えVS Code: Open Markdown preview

表示

  • Ctrl/⌘+B出力を画面に合わせる/元に戻すVS Code: Toggle the sidebar
  • F11全画面表示VS Code: Toggle full screen
  • Ctrl/⌘+=出力を大きくVS Code: Zoom in
  • Ctrl/⌘+-出力を小さくVS Code: Zoom out
  • Ctrl/⌘+0この画面向けに出力サイズをリセットVS Code: Reset zoom100% に戻し、この端末に本来ふさわしい文字サイズに戻します
  • Esc2 パネル表示に戻り、全画面を解除VS Code: Leave Zen Mode

ヘルプ

  • Ctrl/⌘+Hor?この一覧を表示VS Code: Keyboard shortcuts is Ctrl+K Ctrl+SMac では ⌘H がウィンドウを隠すシステム機能に割り当てられています。Ctrl+H または ? を使ってください

キーボードショートカット

VS Codeに定めがあるものは、そのキー割り当てに合わせています。

出力

  • Ctrl/⌘+Enter出力をコピー
  • Ctrl/⌘+S出力をダウンロードVS Code: Save
  • Ctrl/⌘+PPDF として保存ブラウザーの印刷ダイアログを引き継ぎ、周囲のページではなく文書だけを印刷します
  • Ctrl/⌘+Shift+Vプレーンテキスト → リッチテキスト → HTML ソースを順に切り替えVS Code: Open Markdown preview

表示

  • Ctrl/⌘+B出力を画面に合わせる/元に戻すVS Code: Toggle the sidebar
  • F11全画面表示VS Code: Toggle full screen
  • Ctrl/⌘+=出力を大きくVS Code: Zoom in
  • Ctrl/⌘+-出力を小さくVS Code: Zoom out
  • Ctrl/⌘+0この画面向けに出力サイズをリセットVS Code: Reset zoom100% に戻し、この端末に本来ふさわしい文字サイズに戻します
  • Esc2 パネル表示に戻り、全画面を解除VS Code: Leave Zen Mode

ヘルプ

  • Ctrl/⌘+Hor?この一覧を表示VS Code: Keyboard shortcuts is Ctrl+K Ctrl+SMac では ⌘H がウィンドウを隠すシステム機能に割り当てられています。Ctrl+H または ? を使ってください

PNGプレビュー

ダウンロードされるPNGのプレビュー

Markdown を画像にする方法

  1. Markdown を貼り付けるか入力します。.md ファイルのアップロードや URL からの読み込みもできます。
  2. サイズを選びます。プラットフォーム別のプリセット、または任意の幅と高さを指定できます。
  3. フィット方法(ドキュメント全体 / 幅に合わせる)とライト・ダークを選びます。
  4. ライブプレビューを確認して、「PNGをダウンロード」を押します。

できること

  • すぐ使えるSNSサイズ

    Instagram の投稿・縦長・ストーリーズ、LinkedIn の投稿とバナー、YouTube のサムネイルとチャンネルアート、X と Facebook の画像、Full HD、A4 をワンクリックで設定できます。

  • 自由な幅と高さ

    64〜8000 px の好きなサイズを入力できます。高さを空欄にすると、ドキュメントの縦横比のまま画像になります。

  • 2 通りのフィット方法

    余白付きでドキュメント全体を表示するか、幅いっぱいに広げて下にはみ出した部分を切り取るかを選べます。長いメモから正方形の投稿を作るときに便利です。

  • ライト/ダーク、ヘッダーとフッター

    白または暗い背景で描画でき、追加設定からタイトル、テキスト、日付を画像に入れられます。

  • ライブプレビュー

    入力に合わせて画像が更新され、出力サイズも表示されます。見たままのファイルがダウンロードされます。

  • プライバシー重視の設計

    描画はブラウザ内で行われます。Markdown がどこかにアップロードされることはありません。

画像サイズガイド

よく使われるアップロードサイズ(ピクセル)です。プラットフォームの仕様は変更されることがあるため、目安として使い、正確な配置が必要な場合は各プラットフォームでご確認ください。

プラットフォーム形式サイズ (px)縦横比
Instagram投稿(正方形)1080 x 10801:1
Instagram投稿(縦長)1080 x 13504:5
Instagramストーリーズ / リール1080 x 19209:16
LinkedIn投稿(横長)1200 x 6271.91:1
LinkedIn投稿(正方形)1080 x 10801:1
LinkedIn投稿(縦長)1080 x 13504:5
LinkedInプロフィールバナー1584 x 3964:1
YouTubeサムネイル1280 x 72016:9
YouTubeチャンネルバナー2560 x 144016:9
X (Twitter)投稿画像1600 x 90016:9
Facebookシェア画像1200 x 6301.91:1
汎用Full HD1920 x 108016:9
汎用A4 ページ(150 dpi)1240 x 17541:1.414

よくある質問

Markdown を画像に変換するのは無料ですか?
はい。登録不要、透かしなし、作成枚数の制限もありません。
入力したテキストはアップロードされますか?
いいえ。画像はブラウザ内で描画されるため、Markdown がお使いのデバイスの外に出ることはありません。
Instagram や LinkedIn の画像は何サイズにすればよいですか?
Instagram のフィード投稿は 1080 x 1080 または 1080 x 1350、LinkedIn のリンク形式の画像は 1200 x 627 が一般的な推奨サイズです。プリセットを選べばサイズが自動入力されます。
好きなサイズの画像を作れますか?
はい。幅と高さを 64〜8000 px の範囲で入力してください。高さを空欄にすると、ドキュメントの縦横比に合わせます。

ガイド

このエディターでできること

  • プレーンテキスト— フォーム、ターミナル、テキストメール向けの装飾なしテキスト
  • リッチテキスト— 書式付きの結果を Word、Docs、Gmail、Outlook にそのままコピー
  • HTML ソース— CMS、テンプレート、メール作成ツール向けのサニタイズ済みマークアップ
  • 完全版コンバーター— PDF、Word(.docx)、.html、Markdown ファイルとしても保存可能