Markdown 画像

最終更新:2026-10-14

画像 CommonMark コア

画像の構文はリンクとほぼ同じで、先頭に感嘆符が付くだけです:![代替テキスト](画像のURL)。代替テキストは画像の読み込みに失敗したときに表示されるほか、アクセシビリティと SEO の面でも重要なので、丁寧に書きましょう。

所属グループ基礎・ブロック
仕様レベルCommonMark コア
仕様バージョンCommonMark 0.31.2 + GFM

📝 構文

![代替テキスト](/images/photo.png "省略可能なタイトル")

▶ オンライン例

左で Markdown を編集すると右に即時反映

💡 ポイント

💡 Tip 外部サイトの画像はホットリンク対策や公開停止の影響を受けます。重要な画像はダウンロードしてセルフホストするのがおすすめです。
ℹ️ Note 本サイトで相対パスの画像を使うときは言語別サブディレクトリの階層に注意し、/ で始まるサイトルート相対パスを推奨します。

❓ よくある質問

Q 画像のサイズを指定できますか?
A 純粋な Markdown ではできません。HTML の <img width> や CSS を使います。
Q 画像にリンクを付けられますか?
A ネストすればできます:[![代替テキスト](画像)](リンク先)。
Q 良い代替テキストとはどのようなものでしょうか?
A 画像の内容と役割を短く具体的に記述します。純粋な装飾画像なら alt="" と空にします。

📚 関連項目

リンクCommonMark コア
Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%