Markdown Images

Last updated: 2026-10-14

Images CommonMark core

Image syntax is link syntax with a leading !: ![alt text](image url). The alt text shows when the image fails and matters for accessibility and SEO — write it carefully.

GroupBasic: Block
Spec levelCommonMark core
Spec versionCommonMark 0.31.2 + GFM

📝 Syntax

![alt text](/images/photo.png "optional title")

▶ Live Example

Edit Markdown on the left, see the result on the right

💡 Key points

💡 Tip Hotlinked images can break; self-host anything important.
ℹ️ Note For this site, prefer root-relative /paths to dodge language-subfolder issues.

❓ FAQ

Q Can I control image size?
A Not in pure Markdown; use HTML <img width> or CSS.
Q Can an image link somewhere?
A Nest them: [![alt](image)](link).
Q What makes good alt text?
A Describe content and purpose briefly; decorative images use alt="".

📚 See also

LinksCommonMark core
Web-Tutorial.com

Web-Tutorial Tech Team

A team of developers maintaining programming tutorials. Each tutorial is written and reviewed by developers with expertise in that field. We work to keep our content accurate and reliable — if you spot an issue, please let us know.

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏