Amp html 转换<;img>;至<;amp img>;

Amp html 转换<;img>;至<;amp img>;,amp-html,Amp Html,将转换为 但它们中的任何一个似乎都适合于必须以真实尺寸显示的图像,而不是指定宽度或高度 因此,在这种情况下,这在AMP?中是等效的,您可以使用layout=fixed,但是您仍然需要添加宽度和高度,因此您可能需要为您的图像计算它们。正如您所说的您有多个图像,最好使用“layout=“responsible””,这样,您的图像至少会有响应。 关于宽度和高度。它们是必须的。如果您阅读AMP的目的,其中之一是使页面“跳跃/闪烁自由内容””,如果没有提及图像的宽度,就会发生这种情况。 通过指定宽度,

转换为

  • 但它们中的任何一个似乎都适合于必须以真实尺寸显示的图像,而不是指定宽度或高度


    因此,在这种情况下,这在AMP?

    中是等效的,您可以使用
    layout=fixed
    ,但是您仍然需要添加
    宽度和
    高度,因此您可能需要为您的图像计算它们。

    正如您所说的您有多个图像,最好使用“layout=“responsible””,这样,您的图像至少会有响应。 关于宽度和高度。它们是必须的。如果您阅读AMP的目的,其中之一是使页面“跳跃/闪烁自由内容””,如果没有提及图像的宽度,就会发生这种情况。 通过指定宽度,浏览器(移动浏览器)可以计算精确的空间,并为该图像保留该空间,然后显示内容。这样,当页面和图像被加载时,内容就不会闪烁

    关于重新编写HTML,我可以提供的一个技巧是,您可以使用PHP、Python或Node JavaScript编写一些小实用程序,它们可以实际读取源图像、计算它们的尺寸并替换IMG标记

    希望这对您有所帮助,并祝您的AMP供电站点好运:-)