Amp html 包括使用<;amp img>;在不知道尺寸的情况下

Amp html 包括使用<;amp img>;在不知道尺寸的情况下,amp-html,Amp Html,如何在不提前知道图像尺寸的情况下在AMP HTML文章中发布图像?当浏览器遇到没有大小的图像标记时,它会下载图像并查看前几个字节以确定大小。这是非常低效的,因为它必须通过用户的高延迟连接进行。我回答的其余部分提供了两种解决问题的方法: 如何在服务器端查找图像尺寸(发布期间): 相反,您可以在发布期间在服务器端以最小的开销执行相同的操作。每一种CMS和服务器端语言都有允许查找图像大小的模块。您可以使用像ImageMagick这样的工具(它对所有编程语言都有绑定),但您可能会发现更多只进行大小确定的

如何在不提前知道图像尺寸的情况下在AMP HTML文章中发布图像?

当浏览器遇到没有大小的图像标记时,它会下载图像并查看前几个字节以确定大小。这是非常低效的,因为它必须通过用户的高延迟连接进行。我回答的其余部分提供了两种解决问题的方法:

如何在服务器端查找图像尺寸(发布期间): 相反,您可以在发布期间在服务器端以最小的开销执行相同的操作。每一种CMS和服务器端语言都有允许查找图像大小的模块。您可以使用像ImageMagick这样的工具(它对所有编程语言都有绑定),但您可能会发现更多只进行大小确定的专用工具

可查找图像大小的流行编程语言的示例模块:

CMSes

如果确实无法了解图像尺寸,该怎么办: 与此无关,您可以使用
layout=fill
将图像加载到AMP中,而不知道图像的大小,其中浏览器中的图像大小与图像的实际大小无关。另一种选择是使用
layout=fixed
layout=responsive
img object fit:contain
。如果您总是希望所有图像都具有相同的尺寸,这将非常有用