# Achtergronden voor productfoto’s die het product flatteren

[Canonical HTML page](https://gradiently.design/nl/guide/product-photo-backgrounds)

Een achtergrond voor een productfoto heeft één taak: wat ervoor staat op zijn best laten uitkomen. Kleur, lichtheid, schaduw en consistentie doen het meeste werk, en voor geen van alle heb je een studio nodig.

## The short version

- Een goede achtergrond voor een productfoto contrasteert in lichtheid met het product, zodat de vorm op thumbnailformaat direct leest.
- Tonale achtergronden, een lichtere of donkerdere versie van de eigen kleur van het product, ogen rustig en premium; complementaire achtergronden ogen gedurfd en energiek.
- Een zachte schaduw onder het product zet het op de achtergrond neer, zodat een vrijstaand beeld niet lijkt te zweven.
- Een zacht kleurverloop achter een vrijstaand product, lichter achter het product en dieper richting de randen, bootst een studio-achterwand na.
- Houd in een catalogus dezelfde achtergrond, lichtrichting, hoek en kadrering aan, zodat producten in één oogopslag te vergelijken zijn.

De beste **achtergrond voor een productfoto** laat het product beter ogen zonder zelf op te vallen. Begin met lichtheid: een donker product heeft een lichtere ondergrond nodig en een licht product een donkerdere, zodat het silhouet op thumbnailformaat leest. Kies daarna een kleurrelatie, tonaal voor rust of complementair voor energie, voeg een zachte contactschaduw toe zodat het product op het oppervlak staat, en herhaal dezelfde opzet bij elk product in de reeks.

Deze gids behandelt elk van die beslissingen, met kleurvoorbeelden, codes voor kleurverlopen achter vrijstaande producten en een checklist voor consistentie in je catalogus. Zie voor breder kleurdenken [complementaire kleuren](https://gradiently.design/nl/guide/complementary-colors) en [de 60-30-10-regel](https://gradiently.design/nl/guide/60-30-10-rule).

## Een achtergrondkleur voor een product kiezen

Lichtheidscontrast komt eerst, want dat maakt een vorm leesbaar. Kleur komt daarna en bepaalt de sfeer. Er zijn drie betrouwbare kleurstrategieën, elk met een ander effect.

| Strategie | Achtergrond | Effect | Past bij |
| --- | --- | --- | --- |
| Tonaal | Een lichtere of donkerdere versie van de kleur van het product | Rustig, premium, samenhangend | Beauty, mode, woonaccessoires |
| Complementair | Een kleur tegenover die van het product op het wiel | Gedurfd, energiek, opvallend | Eten, drinken, speelgoed, advertenties op social |
| Neutraal | Getint wit, steen, grijs of antraciet | Schoon, eerlijk, vergelijkbaar | Marktplaatsen, tech, catalogi |

Drie strategieën. De meeste merken kiezen er één als standaard en gebruiken een andere voor campagnes.

- Product: flessengroen: #2f6b4f
- Tonaal: lichtgroen: #dcebe2
- Complement: zacht koraal: #f2c6b4
- Neutraal: warme steen: #f1eee8
- Neutraal donker: antraciet: #1f2320

Eén groen product, vier ondergronden. Lichtgroen is rustig en samenhangend, zacht koraal laat het groen zingen, steen is neutraal, en antraciet past beter bij een lichtgekleurd product dan bij dit.

> **Controleer de regels van marktplaatsen** Sommige marktplaatsen eisen de hoofdafbeelding van het product op een effen witte achtergrond. Gebruik gekleurde achtergronden voor extra afbeeldingen, je eigen winkel en posts op social, en controleer de actuele beeldregels van elk platform voordat je fotografeert.

## Kleurverlopen achter vrijstaande producten

Studiofotografen werken met een doorlopende achterwand: een gebogen achtergrond die zonder zichtbare hoek van muur naar vloer loopt, zo belicht dat hij achter het product lichter is en naar de randen uitloopt. Een zacht kleurverloop achter een vrijstaand product bootst die look na zonder studio. Het richt de aandacht op het product en geeft diepte die een vlakke kleur niet kan geven.

- Witte achterwand: `radial-gradient(ellipse at 50% 40%, #ffffff 0%, #eef0f2 55%, #d9dde2 100%)`
- Achterwand in warme steen: `radial-gradient(ellipse at 50% 40%, #f6efe6 0%, #e9dccb 55%, #cdb89d 100%)`
- Tonale groene achterwand: `radial-gradient(ellipse at 50% 40%, #e3f0e8 0%, #c5ddcf 55%, #97bba6 100%)`
- Achterwand in koraal: `radial-gradient(ellipse at 50% 40%, #fbe2d6 0%, #f2c6b4 55%, #df9c83 100%)`
- Spotlight op antraciet: `radial-gradient(ellipse at 50% 35%, #3a3f47 0%, #24272c 55%, #141619 100%)`
- Muur en vloer: `linear-gradient(180deg, #eceef1 0%, #eceef1 62%, #d6dae0 100%)`

Achtergronden voor vrijstaande producten. De radiale verlopen belichten het gebied achter het product; de laatste suggereert een muur die op een vloer aansluit.

Houd het licht achter het product, iets boven het midden, zoals echt licht zou vallen. Houd het bereik zacht: het product hoort het grootste contrast in het beeld te zijn, niet de gloed van de achtergrond.

## Schaduwen die het product neerzetten

Een vrijstaand product zonder schaduw zweeft. Twee schaduwen lossen dat op. Een **contactschaduw** is een kleine, donkere, zachte lijn precies waar het product het oppervlak raakt. Een **slagschaduw** is een grotere, lichtere, zachtere vorm die van het licht af valt. De meeste producten hebben beide nodig, en beide horen dezelfde lichtrichting te volgen als de hooglichten op het product zelf.

```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%;
}
```

Een productpodium voor het web: een warme achterwand, een zachte elliptische contactschaduw en het vrijstaande product erbovenop. Pas de breedte en positie van de schaduw aan op de voet van het product.

### Vermijd

- Vrijstaande producten zonder schaduw, zwevend in de ruimte
- Een schaduw die de ene kant op valt en hooglichten de andere
- Harde zwarte slagschaduwen
- Een achtergrond die helderder of verzadigder is dan het product

### Doe

- Een zachte contactschaduw waar het product de vloer raakt
- Licht en schaduw uit één consistente richting
- Schaduwen getint met de kleur van de achtergrond
- Het product als sterkste contrast in het beeld

## Productfoto’s consistent houden in een catalogus

Een catalogus wordt als raster gelezen. Wanneer elk product op dezelfde achtergrond staat, onder dezelfde hoek en op dezelfde schaal, oogt het raster rustig en vergelijken mensen producten in plaats van foto’s. Wanneer elk beeld anders is, lijkt de pagina op een markt vol vreemden.

1. **Leg de achtergrond vast** Eén kleur of kleurverloop voor de hoofdafbeeldingen, opgeschreven met de exacte codes.
2. **Leg het licht vast** Eén richting en zachtheid, zodat schaduwen en hooglichten bij elk product overeenkomen.
3. **Leg de hoek vast** Dezelfde camerahoogte en hoek voor vergelijkbare producten: van voren, driekwart, van bovenaf.
4. **Leg de kadrering vast** Het product vult hetzelfde deel van het beeld, met dezelfde marge, gecentreerd op dezelfde lijn.
5. **Leg de formaten vast** Exporteer elk beeld per kanaal op hetzelfde formaat, zoals 2048 bij 2048 voor een productafbeelding in Shopify.

- Shopify-product 2048×2048: 2048 × 2048
- Etsy-vermelding 2700×2025: 2700 × 2025
- Instagram-post 1080×1350: 1080 × 1350
- Pinterest-pin 1000×1500: 1000 × 1500

Eén product, vier kanalen. Een achtergrond die zich makkelijk laat uitbreiden, zoals een kleurverloop, kan voor elke vorm worden gerenderd in plaats van uitgerekt.

Een staande post voor een productlancering die een nieuwe fles aankondigt op een zachte groene achtergrond met kleurverloop

Een post voor een productlancering op een achtergrond uit de kleuren van het product: dezelfde familie als de winkelbeelden.

In Gradiently kun je een vrijstaande foto over elke Mark plaatsen, foto’s in de kleuren van de Mark tinten en een af ontwerp naar andere formaten kopiëren, zodat een campagnebeeld, een pin en een story één achtergrond delen. Voor een product met een sterke kleur kan [Een afbeelding matchen](https://gradiently.design/nl/guide/match-a-picture) Marks vinden waarvan het palet er dichtbij ligt.

## FAQ

### Welke achtergrondkleur is het best voor productfoto’s?

Een kleur die in lichtheid met het product contrasteert. Kies qua kleur tonaal voor een rustige, premium look, complementair voor energie, of een getinte neutrale kleur voor schone catalogusbeelden.

### Moeten productfoto’s een witte achtergrond hebben?

Sommige marktplaatsen eisen wit voor de hoofdafbeelding. Elders oogt een getinte neutrale of tonale kleur vaak premiumer en meer als je merk.

### Hoe voorkom ik dat een vrijstaand product lijkt te zweven?

Voeg een zachte contactschaduw toe waar het het oppervlak raakt en, als het nodig is, een lichtere slagschaduw die dezelfde lichtrichting volgt als de hooglichten van het product.

### Hoe houd ik productfoto’s consistent?

Gebruik voor elk product dezelfde achtergrond, lichtrichting, camerahoek, kadrering en hetzelfde exportformaat, en schrijf de opzet op.