amp-html
amp-imgのフォールバック(代替表示)の指定方法について

はじめに

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>