Markdown をどこでも投稿できる PNG 画像にする方法
画像pngmarkdown
Markdown は書くのには最適ですが、SNS のフィード、チャット、スライド、Markdown を表示できない文書など、共有したい場所の多くで求められるのはソーステキストではなく画像です。テキストを PNG にすれば、見出し、リスト、表、コードブロックを、どのデバイスでも意図したとおりの見た目で届けられます。
必要なもの
Markdown の文書とブラウザだけです。Markdown を画像に変換ツールはお使いのデバイス上で画像を描画するため、サーバーには何も送信されず、透かしも入りません。
手順
- Markdown を貼り付けるか入力します。
.mdファイルのアップロードや URL からの読み込みもできます。 - サイズを選びます。 Instagram の正方形 (1080 x 1080) や LinkedIn の投稿 (1200 x 627) などのプリセットを選ぶか、幅と高さを自分で入力します。
- フィット方法を選びます。 「ドキュメント全体」は余白付きですべてを表示し、「幅に合わせる」は幅いっぱいに拡大して、下にはみ出した部分を切り取ります。
- ライトかダークを選び、タイトルや日付を入れたいときは追加設定からヘッダーやフッターを加えます。
- プレビューを確認してダウンロードします。 プレビューには出力サイズがそのまま表示されるので、見たままのファイルが手に入ります。
読みやすい画像にするコツ
- 短くまとめる。 画像はひと目で読まれます。拡大しないと読めない 1 ページ分より、大きな文字で 5〜8 行のほうが伝わります。
- 見出しとリストを使う。 小さく表示されても崩れない構造になります。
- 幅に注意する。 幅の広い表はスマートフォンでは極小になります。3〜4 列に抑えるか、リストに置き換えましょう。
- 高さを空欄にする。 固定のキャンバスではなく、テキストの長さに合わせた縦長の画像にしたいときに便利です。
画像が向かない場合
読む人がテキストをコピーする必要があるなら、画像は不向きです。Word や Gmail に貼り付けるならリッチテキスト、フォームの入力欄ならプレーンテキストを使いましょう。画像は見た目を共有するためのもの、テキストは持ち運ぶためのものです。
各プラットフォームで一般的に推奨されるサイズは、画像サイズ早見表をご覧ください。