7.6 Images

Use html <img> tag to insert images. Note, there is no leading / in the path. / refers to the root directory of your computer. Xaringan is strict about /.

<img src="images/fig.png" alt="alternative text to show" style="display: block; margin-right: auto; margin-left: auto; width:85%;" />

Alternative, you can use Markdown syntax to insert images:

![alternative text to show](images/fig.png)

Add classes `.center[ ]` to center an image
.center[![description of the image](images/foo.png)]

Issue: Image resolution too low.

Fix: Add fig.retina=3 to chunk options for html output. Use dpi=300 for pdf output.

---

Issue: No figure numbering.

Explanation: xaringan uses remark.js to render slides, which does not support figure numbering. This is because referencing of figures across multiple slides is less common and potentially less effective for audience engagement. 😂

---