# Markdown 圖片

> 在 Markdown 裡插入圖片：![替代文字](網址) 的寫法，以及為什麼 AI 真正讀的是替代文字。

## 基本寫法

就是在連結前面加一個驚嘆號。方括號裡放替代文字，圓括號裡放圖片路徑或網址。

```markdown
![A cat asleep on a keyboard](cat.jpg)
```

## AI 讀的是替代文字

方括號裡的文字就是「替代文字」。螢幕閱讀器和 AI 讀的是這段文字，而不是圖片本身，所以要把圖裡重要的內容用文字說清楚。

## 參照式圖片

把圖片用一個標籤定義一次，再重複使用這個標籤——同一張圖出現多次時很方便。

```markdown
![Our logo][logo]

[logo]: /logo.png
```

:::tip
對 AI 來說，替代文字為空的圖片等於不存在。一定要描述內容；如果是圖表，寫出結論，而不是只寫「圖表」。
:::