# Des fonds de photo produit qui mettent le produit en valeur [Canonical HTML page](https://gradiently.design/fr/guide/product-photo-backgrounds) Un fond de photo produit n’a qu’un rôle : montrer sous son meilleur jour ce qui se trouve devant lui. La couleur, la luminosité, l’ombre et la cohérence font l’essentiel du travail, et aucune n’exige de studio. ## The short version - Un bon fond de photo produit contraste en luminosité avec le produit, pour que sa forme se lise instantanément en vignette. - Les fonds tonals, une version plus claire ou plus sombre de la couleur du produit, paraissent calmes et haut de gamme ; les fonds complémentaires paraissent audacieux et énergiques. - Une ombre douce sous le produit l’ancre sur le fond, pour qu’un détourage ne semble pas flotter. - Un léger dégradé derrière un détourage, plus clair derrière le produit et plus profond vers les bords, imite un fond de studio arrondi. - Sur tout un catalogue, gardez le même fond, la même direction de lumière, le même angle et le même cadrage pour que les produits se comparent d’un coup d’œil. Le meilleur **fond de photo produit** est celui qui met le produit en valeur sans se faire remarquer. Commencez par la luminosité : un produit sombre demande un fond plus clair, un produit clair un fond plus sombre, pour que la silhouette se lise en vignette. Choisissez ensuite une relation de couleur, tonale pour le calme ou complémentaire pour l’énergie, ajoutez une ombre de contact douce pour que le produit repose sur la surface, et reproduisez la même installation pour chaque produit de la gamme. Ce guide couvre chacune de ces décisions, avec des exemples de couleurs, des codes de dégradé pour les détourages et une checklist pour la cohérence du catalogue. Pour une réflexion plus large sur la couleur, voyez [les couleurs complémentaires](https://gradiently.design/fr/guide/complementary-colors) et [la règle des 60-30-10](https://gradiently.design/fr/guide/60-30-10-rule). ## Choisir une couleur de fond pour un produit Le contraste de luminosité passe en premier, car c’est lui qui rend une forme lisible. La couleur vient ensuite, et elle installe l’ambiance. Il existe trois stratégies de couleur fiables, chacune avec un effet différent. | Stratégie | Fond | Effet | Convient à | | --- | --- | --- | --- | | Tonale | Une version plus claire ou plus sombre de la couleur du produit | Calme, haut de gamme, cohérent | Beauté, mode, maison | | Complémentaire | Une couleur opposée à celle du produit sur le cercle | Audacieux, énergique, accrocheur | Alimentation, boissons, jouets, publicités sociales | | Neutre | Blanc teinté, pierre, gris ou anthracite | Net, honnête, comparable | Marketplaces, tech, catalogues | Trois stratégies. La plupart des marques en choisissent une par défaut et en utilisent une autre pour les campagnes. - Produit : vert bouteille: #2f6b4f - Tonal : vert pâle: #dcebe2 - Complément : corail doux: #f2c6b4 - Neutre : pierre chaude: #f1eee8 - Neutre sombre : anthracite: #1f2320 Un produit vert, quatre fonds. Le vert pâle est calme et cohérent, le corail doux fait chanter le vert, la pierre est neutre, et l’anthracite convient mieux à un produit clair qu’à celui-ci. > **Vérifiez les règles des marketplaces** Certaines marketplaces exigent que l’image principale du produit soit sur fond blanc uni. Utilisez les fonds colorés pour les images secondaires, votre propre boutique et les réseaux sociaux, et vérifiez les règles d’image en vigueur sur chaque plateforme avant la prise de vue. ## Des dégradés derrière les produits détourés Les photographes de studio travaillent sur un fond arrondi : une toile courbe qui descend du mur au sol sans angle visible, éclairée pour être plus claire derrière le produit et s’assombrir vers les bords. Un léger dégradé derrière un détourage recrée cet effet sans studio. Il concentre l’attention sur le produit et ajoute une profondeur qu’un aplat ne peut pas donner. - Fond arrondi blanc: `radial-gradient(ellipse at 50% 40%, #ffffff 0%, #eef0f2 55%, #d9dde2 100%)` - Fond arrondi pierre chaude: `radial-gradient(ellipse at 50% 40%, #f6efe6 0%, #e9dccb 55%, #cdb89d 100%)` - Fond arrondi vert tonal: `radial-gradient(ellipse at 50% 40%, #e3f0e8 0%, #c5ddcf 55%, #97bba6 100%)` - Fond arrondi corail: `radial-gradient(ellipse at 50% 40%, #fbe2d6 0%, #f2c6b4 55%, #df9c83 100%)` - Projecteur anthracite: `radial-gradient(ellipse at 50% 35%, #3a3f47 0%, #24272c 55%, #141619 100%)` - Mur et sol: `linear-gradient(180deg, #eceef1 0%, #eceef1 62%, #d6dae0 100%)` Des fonds pour détourages. Les fonds radiaux éclairent la zone derrière le produit ; le dernier évoque un mur qui rejoint le sol. Gardez la lumière derrière le produit, légèrement au-dessus de son centre, comme tomberait une vraie lumière. Gardez un écart doux : le produit doit être l’élément le plus contrasté du cadre, pas la lueur du fond. ## Des ombres qui ancrent le produit Un détourage sans ombre flotte. Deux ombres règlent le problème. Une **ombre de contact** est une petite ligne sombre et douce, exactement là où le produit touche la surface. Une **ombre portée** est une forme plus grande, plus claire et plus douce, qui s’éloigne de la lumière. La plupart des produits ont besoin des deux, et toutes deux doivent suivre la même direction de lumière que les reflets sur le produit lui-même. ```css .product-stage { position: relative; aspect-ratio: 1; background: radial-gradient(ellipse at 50% 40%, #f6efe6 0%, #e9dccb 55%, #cdb89d 100%); display: grid; place-items: center; } /* Soft contact shadow under the product. */ .product-stage::after { content: ""; position: absolute; left: 30%; right: 30%; bottom: 17%; height: 5%; background: radial-gradient(closest-side, rgb(40 28 16 / 0.35), transparent); filter: blur(6px); } .product-stage img { position: relative; z-index: 1; width: 62%; margin-bottom: 8%; } ``` Une mise en scène produit pour le web : un fond arrondi chaud, une ombre de contact elliptique douce et le détourage par-dessus. Ajustez la largeur et la position de l’ombre à l’empreinte du produit. ### À éviter - Des détourages sans ombre, qui flottent dans le vide - Une ombre qui tombe d’un côté et des reflets de l’autre - Des ombres portées noires et dures - Un fond plus lumineux ou plus saturé que le produit ### À faire - Une ombre de contact douce là où le produit touche le sol - Lumière et ombre venant d’une seule direction cohérente - Des ombres teintées de la couleur du fond - Le produit comme contraste le plus fort du cadre ## Garder des photos produit cohérentes sur tout un catalogue Un catalogue se lit comme une grille. Quand chaque produit est posé sur le même fond, au même angle et à la même échelle, la grille paraît calme et l’on compare les produits plutôt que les photos. Quand chaque image est différente, la page ressemble à une marketplace d’inconnus. 1. **Fixez le fond** Une couleur ou un dégradé pour les images principales, noté avec ses codes exacts. 2. **Fixez la lumière** Une direction et une douceur, pour que les ombres et les reflets concordent d’un produit à l’autre. 3. **Fixez l’angle** La même hauteur et le même angle de prise de vue pour les produits similaires : de face, de trois quarts, en plongée. 4. **Fixez le cadrage** Le produit occupe la même part du cadre, avec la même marge, centré sur la même ligne. 5. **Fixez les tailles** Exportez chaque image à la même taille pour chaque canal, par exemple 2048 par 2048 pour une image produit Shopify. - Produit Shopify 2048×2048: 2048 × 2048 - Annonce Etsy 2700×2025: 2700 × 2025 - Post Instagram 1080×1350: 1080 × 1350 - Épingle Pinterest 1000×1500: 1000 × 1500 Un produit, quatre canaux. Un fond facile à prolonger, comme un dégradé, peut être rendu pour chaque forme au lieu d’être étiré. Un post de lancement produit en portrait annonçant une nouvelle gourde sur un fond en dégradé vert doux Un post de lancement produit sur un fond tiré des couleurs du produit : la même famille que les images de la boutique. Dans Gradiently, vous pouvez poser une photo détourée sur n’importe quel Mark, teinter les photos aux couleurs du Mark, et copier une création terminée vers d’autres tailles, pour qu’une image de campagne, une épingle et une story partagent un même fond. Pour un produit à la couleur forte, [Assortir une image](https://gradiently.design/fr/guide/match-a-picture) peut trouver des Marks dont la palette en est proche. ## FAQ ### Quelle couleur de fond pour des photos de produit ? Une couleur qui contraste en luminosité avec le produit. Côté teinte, choisissez un fond tonal pour un air calme et haut de gamme, complémentaire pour l’énergie, ou un neutre teinté pour des images de catalogue nettes. ### Les photos produit doivent-elles avoir un fond blanc ? Certaines marketplaces exigent du blanc pour l’image principale. Ailleurs, un neutre teinté ou une couleur tonale paraît souvent plus haut de gamme et plus fidèle à la marque. ### Comment éviter qu’un produit détouré semble flotter ? Ajoutez une ombre de contact douce là où il touche la surface et, si besoin, une ombre portée plus claire qui suit la même direction de lumière que les reflets du produit. ### Comment garder des photos produit cohérentes ? Utilisez le même fond, la même direction de lumière, le même angle de prise de vue, le même cadrage et la même taille d’export pour chaque produit, et notez l’installation par écrit.