产品画廊-这个网站如何为每一个可能的组合生成图像

Product gallery - how this websites generates images for every possible combination

本文关键字：每一个组合图像网站更新时间：2023-09-26

你知道这个网站是如何实现图库中的定制效果的吗?当你改变戒指的颜色、宝石或其他属性时，它看起来就像一个新的图像被生成了。

http://www.gemvara.com/Round-Blue-Topaz-Sterling-Silver-Ring-by-Gemvara-Essentials/jewelry/v/342899/

(点击定制)

你认为他们有成千上万的图像，每一个可能的组合吗?或者他们用什么东西来产生它们?

如果不检查它们的源代码，我可以说几乎可以肯定它们只是为每个环加载一个单独的图像。有可能这些图片本身是由单一来源的图形处理而成的(它们看起来确实非常相似)，但就网站而言，它们是独立的图像。

但是我过去用过的一种技巧是使用透明的灰度叠加，并在它后面使用我想要的颜色的纯色背景色。

如果你在你想要上色的区域使用带有alpha通道透明度部分的PNG图像，这甚至可以用于具有点效颜色的全彩色图像(如示例站点中的图像)。

由于前景是灰色的，这种技术往往会产生看起来像柔和颜色的阴影，它只适用于不需要复杂颜色变化的图像，但它可以工作。

另一方面，对于该网站上的图像，最好为每个产品使用单独的图形。更简单，更容易，更诚实(如果你出售的产品带有该产品的照片，如果该图像实际上是真实的照片，而不是计算机生成的，人们会更信任你)