我有一个电子商务网站,我必须在其中展示一些产品,即每页40-50个产品。每个产品都有一个显示产品图像的图像。
主要的是,在数据库中,我有一个产品的meduim /高质量图像,其尺寸大约为720px-1024像素,这些可以变化,每个图像都有这两个之间的尺寸。
现在,我有两种不同的方式来显示产品的这些图像,我可以使用PHP脚本从这些图片生成缩略图,其尺寸为290X290或者我可以使用样式标记并将宽度和高度设置为290X290和源作为真实的形象。
让我通过一个例子解释一下。
原始图片
我可以这样做来显示图像
<img src="/imagethumbnail.php?product_id=34"/>
<img style="height:290px;width:290px" src="productimg.png"/>
finall image
一个调用php脚本并生成大小为290X290的缩略图,而另一个只使用样式标记。
他们两个都工作正常,但我认为当我使用样式标签时,我看到图像质量的折衷。当我使用脚本生成图像时,我看到图像生成中的折衷,就像他们需要一段时间显示在页面上。
什么是更好的方法来做到这一点,什么是它的完美解决方案?
答案 0 :(得分:1)
我认为标准方法是提前生成缩略图。你应该将标记中的宽度和高度设置为img元素的属性,而不是在style属性下。