在网页中存储/查看不同图像维度方案的最佳方法？

Question

我有一个包含不同帖子/展示位置类型的网页。此展示位置具有不同的图像尺寸。相同的帖子，不同的图像尺寸。

一个例子;

Homepage :

Featured              600*400

Left side of featured 300*200

Bottom of featured    200*150

Other articles        150*100

Article Detail :

Detail page           600*400

Maybe different sizes for category views...

哪种方式是展示此图片的最佳方式？

• 调整和存储所有可能尺寸的图像

优点：我们可以在所有主页上使用文章

缺点：这种方式使用更多存储空间。

• 调整和存储特定尺寸的图像（如果这个例子，我们将这篇文章放在“特色的左侧”，我们需要调整为300 * 200和600 * 400）

优点：减少存储使用。少文件。处理时间短。

缺点：当我们想要更改文章的位置时，我们需要为新尺寸重新处理原始图像。我们必须映射展示位置和维度。还需要重新处理所需的时间。

• 存储原始图像，调整大小并在我们需要的地方即时显示（将图像缓存到文件夹或不同的缓存适配器，使用脚本 - 在此示例中，我将为此编写一个php类，之后我将缓存此文件到文件夹（需要垃圾回收）或Redis（有过期的缓存））

优点：我们可以在所有主页上使用文章，如果需要显示，图片会调整大小。

缺点：浏览器点击脚本以显示图像。不要提交。它可能会增加CPU使用率，并且比其他方式更慢。

Answer 1

处理一次，多次显示。存储非常便宜，在开发小型网络应用程序时不应该是一个含义。