生成缩略图与样式图像

时间:2016-11-14 09:26:31

标签: php html css image

我有一个电子商务网站,我必须在其中展示一些产品,即每页40-50个产品。每个产品都有一个显示产品图像的图像。

主要的是,在数据库中,我有一个产品的meduim /高质量图像,其尺寸大约为720px-1024像素,这些可以变化,每个图像都有这两个之间的尺寸。

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

让我通过一个例子解释一下。

原始图片

enter image description here

我可以这样做来显示图像

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

finall image

enter image description here

一个调用php脚本并生成大小为290X290的缩略图,而另一个只使用样式标记。

他们两个都工作正常,但我认为当我使用样式标签时,我看到图像质量的折衷。当我使用脚本生成图像时,我看到图像生成中的折衷,就像他们需要一段时间显示在页面上。

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

1 个答案:

答案 0 :(得分:1)

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