ブログに戻る
2025年11月16日日曜日

Markdown 画像のベストプラクティス

Markdown 画像のベストプラクティス

画像もコンテンツの一部

Markdown に挿入したスクリーンショットは、他のチャネルに移した瞬間に荒さが目立ちます。短い手順を決めておくと品質を保てます。

まず Alt テキストを決める

  • グラフが伝えたいことを一文で表現。
  • 140 文字以内に収める。
  • 重要な数値や結果を含める。

ファイルは一元管理

  1. TinyPNG などで圧縮するか Markdown2Image で 2× で書き出す。
  2. Directus や Markdown2Image CDN に置いて正規 URL を記録。
  3. ファイル名・Alt テキスト・公開日を共有シートで管理。

Markdown2Image での仕上げ

  1. Markdown を貼り付け、Thread/Deck/Mobile から比率を選択。
  2. タイポグラフィや余白、アクセントカラーをブランドに揃える。
  3. PNG/SVG/WebP を書き出し、埋め込みコードを保持する。

配信時の注意

  • PNG を SNS で共有し、本文記事へ誘導。
  • スライドでは SVG を使い、拡大しても劣化させない。
  • ニュースレターでは一言キャプションを添えて背景を説明。

この流れを徹底すれば、Markdown 画像もプロフェッショナルな仕上がりになります。

Markdown 画像のベストプラクティス | Markdown2Image | MarkdownToImage