left
right

This is Full AMP mode page

amp-img with next-optimized-images

the link of amp-img is here

next-optimized-images は画像を自動的に最適化するパッケージ及びプラグインで、このページでは主にjpgからwebpへの変換と複数サイズの画像の生成をしている。

shirase

amp-image-lightbox and figcaption

link of amp-image-lightbox is here.

1つの amp-image-lightbox で複数の画像に適用できる。

JSDF Antarctic IceBreaker Shirase
This is a wild pikachu in Perth WA. Australia.

amp-image-slider

link of amp-image-slider is here.

amp-image-slider は画像のキャプションの為に、div が first や second と言った attribute を持つ。@ts-ignore で握り潰しても良いが、折角なので index.d.ts で定義した。

this is pikachu lqip
this is pikachu