浮いているか立っているかの一つのパラメータ

白い背景に浮かぶ車は、リストが撮影されたのではなく組み立てられたことを示す最も一般的な兆候です。ハンドルをドラッグして、同じ車がページに着地するのを見てください。

影なしドロップシャドウ影のないフォルクスワーゲン・ゴルフフォルクスワーゲン・ゴルフにスタジオドロップシャドウ

両方とも同じ車の編集されていないAPIレスポンスです。?shadow=trueだけが違います。矢印キーも使えます。

誰もリストを見て「その車には接触影がない」とは思いません。ただ、少し信頼できないと感じるだけです。

これは、かつてリタッチャーの午後の作業だった画像処理の層です:車を切り抜き、影を作り、背景に落とし、次の四百台の車に対して同じことを繰り返します。これはスケールしなかったため、ほとんどのカタログはこれを諦め、フォアコートから出てきたものをそのまま出荷しました。ここではクエリパラメータです。つまり、全在庫にスケールするか、全くスケールしないかのどちらかで、どちらの場合もコストは同じです。

目立つ五つの方法

同じリクエストで一つだけ変えたものです。どちらが正しいかは、好みよりも画像がどのような場所に配置されるかによります。

フォルクスワーゲン・ゴルフ、プレーン

シンプル

パラメータなし

車だけ、他は何もありません。小さなタイルの密なグリッドに適しています。これは、サムネイルの下に影があれば視覚的なノイズになるためです。また、自ら車を合成するつもりの方にも適しています。

フォルクスワーゲン・ゴルフ、ドロップシャドウ

ドロップシャドウ

?shadow=true

車の下に柔らかなスタジオ影。ほとんどのリストページが求めるのはこれです:要求するのにコストはかかりませんし、浮かぶ車と立っている車の違いを作ります。ヒーロー画像や詳細ページに使用してください。

フォルクスワーゲン・ゴルフ、グラウンド

地面に固定

?ground=true

タイヤが表面に接触する部分に、より密着した影。ドロップシャドウよりも劇的ではなく、物理的で、すでに多くのスタイリングが施されているページに適しています。車がさらに劇的である必要はありません。

フォルクスワーゲン・ゴルフ、ショールームフロア

ショールームの床

?mirroring=true

車の下に反射があり、磨かれた床のように振る舞います。タイヤが触れる部分には接触影があります。プレミアムで努力を感じさせるため、ランディングページやキャンペーンバナーに効果的ですが、結果リストにはほとんど使われません。

フォルクスワーゲン・ゴルフ、クリーンな反射

クリーンな反射

?mirroring=clean

接触影を取り除いた同じ反射です。車の下に暗くなる部分はありませんので、結果は写真よりもグラフィックです。車がカラーパネルの上にあるか、文字の隣にある場合、影が汚れに見えるため、このものを使用します。

背景がない第六のオプション

同じ車両が再び、切り抜かれて、このセクションに直接配置されています。マスク処理は一切行わず、屋根の周りに白い縁取りもありません。背景は最初から存在しなかったからです。

透明背景のフォルクスワーゲン・ゴルフ、暗い表面に表示

GET /api/Volkswagen/Golf/2024/Basis/base/front_left?transparency=true&format=webp

透明性と影が互いに排除する理由

影は何かに投げかけられます。表面を取り除くと、落ちるものがなくなるため、影が付いた切り抜きは物理的に不可能な状況の写真になります。APIはそれを返すのではなく、間違っている理由を20分間考える手間を省いてくれます。

両方が必要なら、合成するのが答えです。?transparency=trueをリクエストし、車を自分のシーンに配置し、自分の表面に影を持たせます。これがキャンペーン作業の通常の流れで、カットアウトが存在する理由です。

フォーマットについては、アルファチャンネル付きのWebPを使用するか、後続のプロセスでPNGを要求される場合はPNGを使用してください。同じ透明度で、バイト数は約五分の一、そして現代のブラウザはPNGを必要としません。アルファは圧縮されない唯一のものなので、どれを選んでもカットアウトは五つの中で最も重いままです。

何を求めるか、そしてどこで

結果のグリッドシンプル数十の小さなタイル。それぞれの下に影があるとサムネイルサイズで灰色のドロドロになり、影なしの方がページが落ち着きます。
詳細ページのヒーロー?shadow=true一台の車、大きく、周囲に余裕がある。これが影の役割で、浮いている車が最も目立つ場所です。
比較表?ground=true中程度のサイズで一列に並んだ複数の車。緊密な接触影が同じラインに座っていても、注意を引き合うことなく。
キャンペーンとランディング?mirroring=trueページを引っ張る一台の車。反射はショールームの床のように見え、少しの光沢を無料で手に入れます。
カラーパネル上?mirroring=clean車はブランドカラーの上にあるか、見出しの隣にあります。反射は残っていますが、接触影はなくなります。カラーパネル上では影が汚れに見えるためです。
自分のシーン?transparency=true自分の背景を持つものなら何でも:ダークテーマ、ブランドカラー、道路の写真。自分で合成して、自分の影を追加してください。

質問する前に

影と透明な背景を両方取得できますか?

いいえ、制限のためではありません。影は表面に投げかけられます。表面を取り除くと投げかけるものがなくなり、カットアウトの下に浮かぶ影は不可能なものの絵になります。透明度をリクエストし、自分の影を合成してください。

カットアウトはPNGですか?

PNGでもありますが、アルファチャネル付きのWebPは約五分の一のサイズで、今日の全ブラウザが読み込めます。下流でPNGを要求する場合はPNGをリクエストし、そうでない場合は小さなファイルを取得します。

暗い背景でも端が崩れませんか?

これはテストに値するケースです。なぜなら、悪い切り抜きは、暗いものの上に乗せた瞬間にルーフラインに白いハローが現れるからです。これらはマスクではなくレンダリングされるため、取り除くハローはありません。

柔らかい影や硬い影をカスタマイズできますか?

APIが現在公開している四つの表面処理があります。キャンペーンに特定の見た目を必要とする場合は、どのようなものに合わせる必要があるか教えてください。パラメータか会話かをお答えします。

これらの機能は追加料金がかかりますか?

いいえ。これは同じリクエストのパラメータで、別の製品ではありません。異なるのはファイルサイズで、アルファが圧縮されないため、カットアウトが最も重いです。

最悪のリストに試してみてください

最も満足していないページを選び、そのページの車を送ってください。五つの処理のうちどれかを選んで同じ車を返します。その後、二つのページを並べて比較してください。