amp-img

画像のimgタグの代替タグとなります。

プラグインの読み込み

プラグインは不要です。

基本構文と動作

どんな書き方でどんな動きすんのかを。まず簡単なものを。

<amp-img alt="A view of the sea"
  src="/common/img/illust/1.jpg"
  width="600"
  height="600"
  layout="responsive">
</amp-img>

各種プロパティについて

基本的に共通プロパティのものが使用されますので、ここでは記述しません。

width/heightについて

アスペクト比の明示化のために元画像の大きさをここにセットしておくと良いです。

サイズが分からない画像が来る場合(動的コンテンツとかで)

そんなん言われてもわからんもん(´・ω・`)みたいな時もあります。
そんな時は、layoutプロパティに対して、fillを付与し
CSSのobject-fitを組み合わせるといいよ！って公式書いてあるけど
これIE未サポートだった。
どうにかして頑張るしか無いですね(超匙投げ)