2016-11-14 112 views
0

我有一个电子商务网站,我必须展示一些产品,即每页40-50个产品。每个产品都有一个图像,显示产品的图像。生成缩略图和造型图像

最重要的是,在数据库中我有一个尺寸为720px-1024px左右的产品的中/高质量图像,这些可以变化,每个图像的尺寸介于这两者之间。

现在,我有两种不同的方式显示产品的这些图像,我可以使用一个PHP脚本来生成这些图片的尺寸为290X290的缩略图,或者我可以使用样式标签并将宽度和高度设置为290X290并将其作为真实图像来源。

让我来举个例子来解释一下。

原始图像

enter image description here

我能做到这一点,以显示图像

  • <img src="/imagethumbnail.php?product_id=34"/>
  • <img style="height:290px;width:290px" src="productimg.png"/>

finall图像

enter image description here

一个调用PHP脚本,并生成大小290X290的缩略图而另外一个简单的使用风格标签。

他们两个都工作正常,但我认为当我使用风格的标签,我看到了图像quality.While当我使用脚本来生成图像我看到在图像生成权衡他们需要一段时间显示在页面上。

什么是更好的方法来做到这一点,什么是完美的解决方案呢?

+0

这会增加页面大小和加载时间

+2

上传新图像时。尝试为不同的用途创建不同的大小,就像缩略图或大预览一样。这样,你不会永远重复同样的事情。 –

+0

@MdHasiburRahaman okaay,记下。 –

回答

1

我认为标准方法是提前生成缩略图。你应该在标记中将宽度和高度设置为img元素的属性,而不是在style属性下。