Markdownをカード画像に変換

短い文章、引用、コード例を、余白のあるカード画像として書き出します。長文を無理に縮小するのではなく、伝えたい一節を切り出す用途です。

Markdown入力

113 文字

カードプレビュー

ブラウザプレビュー
ファイルはこのブラウザタブ内で処理されます。

Markdownからカード画像を作る手順

一枚につき一つのメッセージに絞ると読みやすくなります。

01

短い内容を用意

見出し、数行の本文、引用またはコードをMarkdownで入力します。

02

カードを確認

改行、文字量、余白、コントラストをプレビューで確認します。

03

画像を保存

ダウンロードして、投稿先で文字が読めるサイズか確認します。

対応内容

文章を共有しやすい一枚へ

Markdownの構造を使い、スクリーンショットより整ったカードを作ります。

見出しと強調短いタイトルと強調部分が視線を集めるよう表示します。
引用とコード引用文や短いコード例を区別して読みやすく配置します。
画像として保存カードの本文が空にならないようレンダリング後の内容を画像へ含めます。
活用例

カード画像の使い道

SNS投稿

記事の要点や短いTipsを一枚で共有します。

ブログの図版

長い記事の途中に、覚えてほしい要点をカードで挿入します。

チーム内共有

コマンド例や注意事項をチャットに貼り付けます。

よくある質問

Markdownカード画像について

長い記事もカードにできますか?

技術的には入っても読みづらくなります。短い要点に絞り、長文はPNGまたはPDFを使ってください。

ダウンロードした画像が空になることはありませんか?

見出しと本文をCanvasへ描画してPNGを生成します。保存後に画像を開き、長い本文が下端で切れていないか確認してください。

投稿先ごとのサイズを選べますか?

現在のカードは幅640pxの固定レイアウトです。投稿先に合わせたサイズ変更は画像編集ツールで行ってください。