引入图片amp-img【ytkah英译AMP-2】

　　大多数HTML标签能够直接在AMP HTML中使用，可是某些标签，如<img>标签，被等效的或稍微加强的自定义AMP HTML标签所取代(还有一些有问题的标签是彻底禁止的，参见规范中的HTML标签)。为了演示附加标记的样子，下面是将图像嵌入页面所需的代码:

<amp-img src="welcome.jpg" alt="Welcome" height="400" width="800"></amp-img>

　　

　　运行时能够根据视口位置、系统资源、链接带宽或其余因素选择延迟或优先级资源加载。amp-img组件容许运行时以这种方式有效地管理图像资源。像全部外部获取的AMP资源同样，amp-img组件必须预先给出一个显式的大小(如宽度/高度)，以便在不获取图像的状况下能够知道高宽比。实际的布局行为由布局属性决定。

　　

<amp-img
  alt="A view of the sea"
  src="/static/inline-examples/images/sea.jpg"
  width="900"
  height="675"
  layout="responsive"
>
</amp-img>

　　支持的layout有：fill(填充)，fixed（固定）， fixed-height（固定高度）， flex-item， intrinsic（内嵌）， nodisplay（不显示）， responsive（自适应）

　　通常设置responsive便可

　　更多详情参考https://amp.dev/documentation/components/amp-img/?format=websites