AMP HTML如何支持图像优化？

Question

到目前为止，我发现AMP HTML极大地支持加快JavaScript，CSS和一般来说渲染页面。

但是，我的经验中另一个重要的速度主题是图像。

如何AMP HTML解决这一问题，使得图像是完美的压缩和调整当前观看设备（平板电脑，手机）和带宽（WLAN，3G，边缘）

Answer 1

AMPs的图像元素amp-img支持srcset（包括对Safari本身不可用的w修饰符的支持）和所有浏览器中的sizes属性，因此您可以使用现代响应技术来选择正确的图像。

现在AMP本身不会做任何图像优化本身。我们可能会开始将srcset属性添加到代理层没有的图像上，但目前尚未发生。

Answer 2

Brief mention on this GitHub page：

AMP HTML运行时可以有效地管理图像资源，根据视口位置，系统资源，连接带宽或其他因素选择延迟资源加载或优先考虑资源加载。

基本上，javascript库会更聪明地询问图像资源，这是现在浏览器所做的一个步骤：即在后台加载所有图像。这将更有效地利用可用带宽。