引入圖片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