画像の埋め込み

2025年09月15日

#usage


static/ に画像を置いて Markdown で参照する。

![説明文](/sample.svg)

Markdown で書いた画像には自動的に loading="lazy" が付く(config.tomllazy_async_image = true による)。

実際の表示:

sample image

HTML で直書きする場合は手動で指定する。CLS 防止のため widthheight も両方書く。

<img src="/sample.svg" width="320" height="120" alt="sample image" loading="lazy">

Xはてな