image - 缓存一个图像以供跨站点使用或站点中每个位置的图像？

Question

设置阶段，您是一个销售产品的电子商务平台。该产品的图像存在于网站的多个位置，如下所示

• 在大约 150x150 像素的轮播中
• 在快速查看显示该产品图像的大约 250x250
• 在该产品的页面上显示该产品的 80x80 缩略图
• 在该产品的页面上显示该图像的全尺寸 300x300
• 在大约 65x65 的快速购物车中
• 在完整的购物车中大约 100x100

您会提供 1 张适用于所有这些地点的图像并希望它被缓存，还是您会提供每个图像的精确尺寸。

考虑到更多的情况，如果用户有一个装满物品的购物车并离开网站并直接回到他们的购物车，他们有一个大购物车要加载，或者用户离开了几天或几周并且有一个完整的看到新的产品集，所以没有更多的缓存图像。

您认为最高效的解决方案是什么？

Answer 1

我认为这取决于在同一页面上显示了多少这些尺寸。如果所有尺寸都在不同的页面上，那么我会有不同的尺寸，如果它们都在同一个页面上，我只会加载最大的一个。

实际上，我会选择介于两者之间的东西。不是所有的尺寸，但也不仅仅是一种尺寸。比如将 150、100、80 和 65 组合成 150。而将 250 和 300 组合成 300。