如果这些问题已经被问到,我会立即道歉。我需要尝试找出确切的方法和内容。
问题出在问题上,问题是我网站上有货,有图片给他们。图片尺寸不同,不应以相同尺寸显示。我对图片做出了结论,但该网站严重滞后。它加载速度很快 - 2 秒,(可能因为没有托管而很慢),但是在加载带有图片的商品后,网站滞后。
我像这样存储图片(可能是错误的):
../../img_product/{id_product}/{许多图片}.jpeg
我通过 ajax 请求显示一些产品。我得到了一系列产品,每个产品都有一系列图片。使用js展示商品后,借助标签<img src='../../img_product/{id_product}/{много картинок}.jpeg'>展示图片。一般来说,我不确定通过使用 ajax 在数组中显示产品是否正确,而且我也不确定是否再显示图片。(我用php找对应产品的图片)
我看了看市场和商店。并且图片被压缩了。我读过它。但我无法理解一件事,我怎样才能压缩图片并将其输出到<img src>?事实证明,压缩图片应该存储在某个地方。您可以解决问题,例如,在下载图像之前,对其进行压缩。但我需要一些不同的东西。图片是一样的,但它在各处的显示方式不同,即某处小,某处大,某处裁剪等。
原来我需要将压缩和裁剪的图片存储在特殊文件夹中?或者您可以在输出时以某种方式裁剪并显示它们,但不能存储它们。请帮忙!
原来我需要将压缩和裁剪的图片存储在特殊文件夹中?
是的。
或者您可以在输出时以某种方式裁剪并显示它们,但不能存储它们。
在这种情况下,每次用户访问该页面时都会生成新的图片。想象一下,该站点将同时被 1000 人或更多人或机器人访问。充其量,这将大大增加服务器的负载。它还会增加页面加载时间。
为了不手动裁剪所有图像,您可以使用第三方资源,例如使用 API 的 tinypng。
或者编写脚本本身,将图片切割成所需的分辨率和格式。
如果你需要为不同的屏幕显示不同分辨率的图片,你应该使用图片标签,它可以让你指定在哪些屏幕参数上应该显示哪些图片,并自动确定是否支持新的图片格式——webp、jp2等.