Un paramètre entre le survol et la station

Une voiture flottant sur un fond blanc est le signe le plus courant qu'une annonce a été assemblée plutôt que photographiée. Faites glisser la poignée et regardez le même véhicule se poser sur la page.

Sans ombreOmbre portéeVolkswagen Golf sans ombreVolkswagen Golf avec une ombre portée studio

Les deux moitiés sont des réponses API non éditées pour la même voiture. La seule différence entre elles est ?shadow=true. Les touches fléchées fonctionnent aussi.

Personne ne regarde une annonce et pense "ce véhicule n'a pas d'ombre de contact". Ils le font simplement un peu moins confiance.

Il s'agit de la couche de travail d'image qui appartenait autrefois à l'après-midi d'un retoucheur: découper la voiture, construire une ombre, la poser sur le fond, recommencer pour les quatre cents véhicules suivants. Cela n'a jamais été évolutif, donc la plupart des catalogues ont renoncé et expédié ce qui sortait du parking. Ici, c'est un paramètre de requête, ce qui signifie que cela s'adapte à tout le stock ou à aucun, et coûte la même chose dans les deux cas.

Cinq façons de se démarquer

La même requête avec une chose modifiée. Celle qui est juste dépend moins du goût que de l'endroit où l'image va être placée.

Volkswagen Golf, simple

Studio simple

aucun paramètre

La voiture, et rien d'autre. Idéal pour une grille dense de petites vignettes, où une ombre sous chaque miniature devient du bruit visuel, et idéal pour quiconque souhaite composer le véhicule lui-même.

Volkswagen Golf, ombre portée

Ombre portée

?shadow=true

Une ombre de studio douce sous la voiture. C'est celle que la plupart des pages de liste souhaitent: elle ne coûte rien à demander et fait la différence entre un véhicule qui flotte et un autre qui se tient. Utilisez-la pour les images principales et les pages de détails.

Volkswagen Golf, ancré

Posé au sol

?ground=true

Une ombre de contact plus serrée là où les pneus touchent la surface. Moins théâtrale que l'ombre portée et plus physique, elle convient donc aux pages qui portent déjà beaucoup de style et n'ont pas besoin que la voiture soit dramatique également.

Volkswagen Golf, sol d'exposition

Sol de showroom

?mirroring=true

Un reflet sous le véhicule, comme un sol poli, avec une ombre de contact là où les pneus le touchent. Cela semble premium et cela semble nécessiter un effort, c'est pourquoi cela fonctionne sur les pages de destination et les bannières de campagne, mais rarement sur une liste de résultats.

Volkswagen Golf, reflet propre

Reflet propre

?mirroring=clean

Le même reflet sans l'ombre de contact. Rien ne s'assombrit sous la voiture, donc le résultat est plus graphique que photographique. C'est celui à utiliser lorsque le véhicule repose sur un panneau coloré ou à côté du texte, où une ombre serait perçue comme de la saleté.

La sixième option est aucun fond du tout

Voici le même véhicule, découpé, posé directement sur cette section. Rien n'a été masqué pour obtenir ce résultat et il n'y a pas de frange blanche le long de la ligne de toit, car le fond n'a jamais été là en premier lieu.

Volkswagen Golf avec un fond transparent, présenté sur une surface sombre

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

Pourquoi la transparence et l'ombre s'excluent-elles mutuellement

Une ombre est projetée sur quelque chose. Enlevez la surface et il ne reste rien sur quoi elle puisse tomber, donc une découpe avec une ombre attachée serait une image d'une situation physiquement impossible. L'API refuse plutôt que de la retourner, ce qui vous fait gagner les vingt minutes de réflexion sur pourquoi elle semble incorrecte.

Si vous avez besoin des deux, la solution est de composer: demandez ?transparency=true, placez la voiture sur votre propre scène, et laissez votre propre surface porter l'ombre. C'est le chemin normal pour les travaux de campagne, et c'est pourquoi le découpage existe.

Pour le format, choisissez WebP avec un canal alpha sauf si quelque chose en aval insiste sur PNG. Même transparence, environ un cinquième des octets, et aucun navigateur en usage aujourd'hui n'a besoin du PNG. L'alpha est la seule chose qui ne se comprime pas bien, donc la découpe reste la plus lourde des cinq, quel que soit votre choix.

Que demander, et où

Grille de résultatssimpleDes dizaines de petites tuiles. Une ombre sous chacune se transforme en bouillie grise à la taille de la vignette, et la page semble plus calme sans elles.
Héros de la page de détails?shadow=trueUne voiture, grande, avec de la place autour. C'est là que l'ombre fait son travail et où un véhicule flottant est le plus évident.
Tableaux comparatifs?ground=truePlusieurs voitures en ligne à taille moyenne. L'ombre de contact serrée les maintient sur la même ligne sans se disputer l'attention.
Campagne et page de destination?mirroring=trueUn véhicule qui porte la page. La réflexion se lit comme un sol de showroom et apporte un peu de polish gratuitement.
Sur un panneau coloré?mirroring=cleanLe véhicule repose sur une couleur de marque ou à côté d'un titre. Le reflet reste, l'ombre de contact disparaît, car sur une surface colorée, une ombre est perçue comme une tache.
Votre propre scène?transparency=trueTout ce qui a son propre fond: un thème sombre, une couleur de marque, une photographie d'une route. Compositez-le vous-même et ajoutez votre propre ombre.

Avant de demander

Puis-je avoir une ombre et un fond transparent?

Non, et ce n'est pas à cause d'une limitation. Une ombre est projetée sur une surface. Supprimez la surface et il n'y a plus rien sur quoi projeter, donc une ombre flottant sous un découpage serait une image de quelque chose d'impossible. Demandez la transparence et composez la vôtre.

Le découpage est-il un PNG?

Il peut l'être, mais WebP avec un canal alpha est environ cinq fois plus petit et tous les navigateurs en usage aujourd'hui le lisent. Demandez un PNG lorsque quelque chose en aval l'exige, sinon prenez le fichier plus petit.

Les bords tiennent-ils sur un fond sombre?

C'est le cas à tester, car une découpe médiocre montre un halo blanc le long de la ligne de toit dès qu'elle repose sur un fond sombre. Ceux-ci sont rendus plutôt que masqués, donc il n'y a pas de halo à supprimer.

Puis-je obtenir une ombre personnalisée, plus douce ou plus dure?

Les quatre traitements de surface sont ceux que l'API expose aujourd'hui. Si vous avez besoin d'un look particulier pour une campagne, dites-nous ce qu'il doit accompagner et nous vous dirons s'il s'agit d'un paramètre ou d'une conversation.

Tout cela a-t-il un coût supplémentaire?

Non. Ce sont des paramètres sur la même requête, pas des produits séparés. Ce qui diffère, c'est la taille du fichier, et la découpe est la plus lourde car l'alpha ne se comprime pas aussi bien.

Essayez-le sur votre pire annonce

Choisissez la page qui vous satisfait le moins, envoyez-nous les véhicules qui s'y trouvent, et nous vous renvoyons les mêmes voitures dans l'un des cinq traitements qui convient. Ensuite, mettez les deux pages côte à côte.