はじめに
amp-imgで。次世代画像フォーマットに対応していない端末向けに画像をフォールバック(代替表示)する方法について
amp-imgの中にフォールバックするamp-imgを入れ込む
やり方は簡単。amp-img のタグの中に amp-img タグを入れ込んで、fallbackステータスを付け加える
<amp-img alt="karaagekun_5_1.webp"
lightbox="al"
src="/tantan/images/karaagekun_5_1.webp"
width="300"
height="400">
<amp-img alt="karaagekun_5_1.jpeg"
fallback
src="/tantan/images/karaagekun_5_1.jpeg"
width="300"
height="400">
</amp-img>
</amp-img>