【问题标题】:Generating thumbnails vs Styling images生成缩略图与样式化图像
【发布时间】:2016-11-14 09:26:30
【问题描述】:

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

主要的是,在数据库中,我有一张中等/高质量的产品图片,其尺寸约为 720 像素至 1024 像素,这些可能会有所不同,并且每张图片的尺寸都介于这两者之间。

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

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

原图

我可以这样做来显示图像

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

最终图像

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

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

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

【问题讨论】:

  • 这会增加页面大小和加载时间
  • 上传新图片时。尝试为他们的不同用途创建不同的大小,就像缩略图或大预览一样。这样,您就不会永远重复同样的事情。
  • @MdHasiburRahaman 好的,记下来。
  • @Semi-Friends 我也是这么想的。

标签: php html css image


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2011-12-21
    • 2016-04-09
    • 2011-09-03
    • 1970-01-01
    • 1970-01-01
    • 2014-10-24
    • 1970-01-01
    • 2018-10-28
    • 2011-06-28
    相关资源
    最近更新 更多