网站上的图片

Question

我需要一些关于某些图像策略的利弊的建议。在创建非常重要的网站时，重要的是所有图像都是最佳质量，对性能的影响很小。 让我们以一个模仿产品评论的页面为例。您可能有正常尺寸的产品拍摄和多个不同尺寸的缩略图。

解决这个问题的两种方法可以是，使用产品拍摄并通过复制原始图像创建所有必要的缩略图，然后调整大小或将其裁剪为所有所需尺寸，或者可以通过调整大小来“按需”创建不同大小的缩略图他们在必要时向客户发送“临时”图像。

有没有人有任何其他经验可以实现如何实现，或上述讨论方式的任何利弊？

谢谢，

Answer 1

按需调整大小和裁剪是非常耗费资源的。你应该这样做一次然后缓存它。

对于图像繁重的网站，所有图像都应进行jpeg编码并压缩，直到您可以开始在图像中看到压缩瑕疵。

如果您有大量小图片或每个请求加载的图片，请考虑使用数据URI将它们放入CSS：http://en.wikipedia.org/wiki/Data_URI_scheme

Answer 2

存储通常比带宽和处理更便宜，因此在大多数情况下 - 特别是当您只谈论一组相当有限的缩略图时 - 最好先进行处理。这也有使缓存策略更容易的优势。

Answer 3

我同意 Andy 和 Petah （数据URI除外，因为它不可缓存或广泛支持）。

更进一步。我更喜欢按需调整大小。它可能是资源密集型的，但通过适当的缓存，这是保持原始高质量图像并动态提供设计所需的所有图像大小的最佳平衡。

您注意到PHP，我使用了SLIR Library。