製品ギャラリー - どのようにこのウェブサイトは、すべての可能な組み合わせ

Question

用画像を生成するあなたは、このウェブサイトは、ギャラリーにカスタマイズ効果を得ることができる方法を知っていますか？リングの色や石などの属性を変更すると、新しい画像が生成されたように見えます。

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

（[カスタマイズ]をクリックします）

あなたは、彼らはすべての可能な組み合わせのための画像の数千を持っていると思いますか？あるいは、それらを生成するために何かを使用するかもしれませんか？

Answer 1

そのソースコードを調べなければ、私はそれは彼らがちょうど各リングに別々の画像をロードしていることをほぼ確実だと言うでしょう。画像そのものが単一のソースグラフィックから処理されている可能性もありますが（それらは非常によく似ています）、サイトに関する限り、別々の画像です。私は私が好きな色でグラフィックを取得するために過去に使用した

しかし、一つの技術は、私が欲しい色で透明度を持つグレースケールオーバーレイ、およびその背後にある固体の背景色を使用することです。

これは、色を付ける領域にアルファチャンネルの透明部分を持つPNG画像を使用すると、スポット効果のあるフルカラー画像（例のサイトの画像のように）でも機能します。

によりグレーフォアグラウンドに、この技術は、パステルカラーのように見える陰影を生成する傾向があり、それはあなたが複雑な色の変化を必要としませんが、それが動作することができ、画像のためにのみ適しています。一方

は、そのサイト上のもののようなイメージのため、それだけで、製品ごとに別々のグラフィックを使用するように、おそらく良いでしょう。