Arrière-plans

Des fonds de photo produit qui mettent le produit en valeur

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.

GradientlyCompte Gradiently vérifié··5 min de lecture
Couverture : Lichen Manor · GR·22XG·EY

L’essentiel en bref

  • 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.
Sur cette page

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 et la règle des 60-30-10.

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égieFondEffetConvient à
TonaleUne version plus claire ou plus sombre de la couleur du produitCalme, haut de gamme, cohérentBeauté, mode, maison
ComplémentaireUne couleur opposée à celle du produit sur le cercleAudacieux, énergique, accrocheurAlimentation, boissons, jouets, publicités sociales
NeutreBlanc teinté, pierre, gris ou anthraciteNet, honnête, comparableMarketplaces, tech, catalogues
Trois stratégies. La plupart des marques en choisissent une par défaut et en utilisent une autre pour les campagnes.
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.

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.

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. 1

    Fixez le fond

    Une couleur ou un dégradé pour les images principales, noté avec ses codes exacts.

  2. 2

    Fixez la lumière

    Une direction et une douceur, pour que les ombres et les reflets concordent d’un produit à l’autre.

  3. 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. 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. 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 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 peut trouver des Marks dont la palette en est proche.

Les questions qu’on nous pose

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.

Partager ce guide

Écrit par GradientlyCompte Gradiently vérifié

L’équipe derrière Gradiently, un outil de création construit autour des Marks : des dégradés vivants qui donnent à tout ce que vous créez votre propre signature.

Voir notre profil