如何在响应式引导程序网站中调整来自数据库的动态图像的大小

Question

我正在使用yslow，它告诉我们不要在HTML中缩放图像，但图像来自数据库，我使用它们使用bootstrap网格。大多数图像都会在弹出窗口中显示。

我设置的图片宽度是css文件中的百分比，如max-width:100%或width:100%;，但我不知道要设置什么不缩放HTML中的图片。

我不知道如何解决这个问题。请帮帮我。

Answer 1

YSlow告诉你这是因为在HTML中调整图像大小不是一个好习惯，特别是如果图像变小，这意味着你花了太多时间下载。

您不需要像YSlow这样的所有性能监视器将您视为操作项。报告只是建议。正如@Amin Gharavi所说，如果图像加载速度足够快，那么它可能还可以。

问题是如果你下载的图像比它们的视觉效果大很多，这通常意味着下载速度要慢得多，而且某些浏览器的视觉质量会降低。