gpt4 book ai didi

amp-html - 在不知道尺寸的情况下使用 包含图像

转载 作者:行者123 更新时间:2023-12-02 19:08:21 25 4
gpt4 key购买 nike

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

最佳答案

当浏览器遇到没有尺寸的图像标签时,它会下载图像并查看前几个字节来计算尺寸。这是极其低效的,因为它必须通过用户的高延迟连接进行。我的答案的其余部分提供了解决问题的两种选择:

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

可以查找图像尺寸的流行编程语言的示例模块:

CMS

如果您确实无法知道图像尺寸该怎么办:除此之外,您可以在不知道大小的情况下将图像加载到 AMP 中,方法是使用 layout=fill,其中浏览器中图像的大小与图像的实际大小无关。另一种选择是使用 layout=fixedlayout=responsiveimg object-fit: contains。如果您始终希望所有图像具有相同的尺寸,这非常有用。

关于amp-html - 在不知道尺寸的情况下使用 <amp-img> 包含图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39355037/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com