# Hintergründe für Produktfotos, die dem Produkt schmeicheln [Canonical HTML page](https://gradiently.design/de/guide/product-photo-backgrounds) Ein Hintergrund für Produktfotos hat eine Aufgabe: das Ding davor so gut wie möglich aussehen zu lassen. Farbe, Helligkeit, Schatten und Konsistenz leisten den Großteil davon, und nichts davon braucht ein Studio. ## The short version - Ein guter Hintergrund für Produktfotos kontrastiert in der Helligkeit mit dem Produkt, sodass seine Form auch in Thumbnail-Größe sofort lesbar ist. - Tonale Hintergründe, also eine hellere oder dunklere Version der Produktfarbe, wirken ruhig und hochwertig; komplementäre Hintergründe wirken mutig und energisch. - Ein weicher Schatten unter dem Produkt verankert es auf dem Hintergrund, damit ein Freisteller nicht zu schweben scheint. - Ein sanfter Verlauf hinter einem Freisteller, hinter dem Produkt heller und zu den Rändern tiefer, ahmt eine Studiohohlkehle nach. - Halte im ganzen Katalog Hintergrund, Lichtrichtung, Winkel und Bildausschnitt gleich, damit sich Produkte auf einen Blick vergleichen lassen. Der beste **Hintergrund für Produktfotos** lässt das Produkt besser aussehen, ohne selbst aufzufallen. Fang bei der Helligkeit an: Ein dunkles Produkt braucht einen helleren Grund und ein helles einen dunkleren, damit die Silhouette in Thumbnail-Größe lesbar ist. Wähl dann eine Farbbeziehung, tonal für Ruhe oder komplementär für Energie, füge einen weichen Kontaktschatten hinzu, damit das Produkt auf der Fläche steht, und wiederhole denselben Aufbau für jedes Produkt der Reihe. Dieser Ratgeber behandelt jede dieser Entscheidungen, mit Farbbeispielen, Verlaufscodes für Freisteller und einer Checkliste für einen einheitlichen Katalog. Für das größere Farbdenken siehe [Komplementärfarben](https://gradiently.design/de/guide/complementary-colors) und [die 60-30-10-Regel](https://gradiently.design/de/guide/60-30-10-rule). ## Eine Hintergrundfarbe für ein Produkt wählen Der Helligkeitskontrast kommt zuerst, weil er eine Form lesbar macht. Die Farbe kommt danach und setzt die Stimmung. Es gibt drei verlässliche Farbstrategien, jede mit eigener Wirkung. | Strategie | Hintergrund | Wirkung | Passt zu | | --- | --- | --- | --- | | Tonal | Eine hellere oder dunklere Version der Produktfarbe | Ruhig, hochwertig, stimmig | Beauty, Mode, Wohnen | | Komplementär | Eine Farbe gegenüber der Produktfarbe auf dem Farbkreis | Mutig, energisch, auffällig | Essen, Getränke, Spielzeug, Social Ads | | Neutral | Getöntes Weiß, Stein, Grau oder Anthrazit | Klar, ehrlich, vergleichbar | Marktplätze, Technik, Kataloge | Drei Strategien. Die meisten Marken wählen eine als Standard und nutzen eine andere für Kampagnen. - Produkt: Flaschengrün: #2f6b4f - Tonal: Blassgrün: #dcebe2 - Komplementär: sanfte Koralle: #f2c6b4 - Neutral: warmer Stein: #f1eee8 - Neutral dunkel: Anthrazit: #1f2320 Ein grünes Produkt, vier Gründe. Blassgrün ist ruhig und stimmig, sanfte Koralle lässt das Grün leuchten, Stein ist neutral, und Anthrazit passt besser zu einem hellen Produkt als zu diesem. > **Regeln der Marktplätze prüfen** Manche Marktplätze verlangen für das Hauptbild einen schlichten weißen Hintergrund. Nutze farbige Hintergründe für weitere Bilder, deinen eigenen Shop und Social Posts, und prüfe vor dem Shooting die aktuellen Bildregeln jeder Plattform. ## Verläufe hinter freigestellten Produkten Studiofotografen fotografieren auf einer Hohlkehle: einem gebogenen Hintergrund, der ohne sichtbare Ecke von der Wand in den Boden übergeht und so beleuchtet ist, dass er hinter dem Produkt heller ist und zu den Rändern abfällt. Ein sanfter Verlauf hinter einem Freisteller bildet diesen Look ohne Studio nach. Er lenkt die Aufmerksamkeit aufs Produkt und gibt Tiefe, die eine flache Farbe nicht hat. - Weiße Hohlkehle: `radial-gradient(ellipse at 50% 40%, #ffffff 0%, #eef0f2 55%, #d9dde2 100%)` - Hohlkehle in warmem Stein: `radial-gradient(ellipse at 50% 40%, #f6efe6 0%, #e9dccb 55%, #cdb89d 100%)` - Tonale grüne Hohlkehle: `radial-gradient(ellipse at 50% 40%, #e3f0e8 0%, #c5ddcf 55%, #97bba6 100%)` - Korallen-Hohlkehle: `radial-gradient(ellipse at 50% 40%, #fbe2d6 0%, #f2c6b4 55%, #df9c83 100%)` - Anthrazit-Spot: `radial-gradient(ellipse at 50% 35%, #3a3f47 0%, #24272c 55%, #141619 100%)` - Wand und Boden: `linear-gradient(180deg, #eceef1 0%, #eceef1 62%, #d6dae0 100%)` Hintergründe für Freisteller. Die radialen Hohlkehlen beleuchten den Bereich hinter dem Produkt; die letzte deutet eine Wand an, die auf einen Boden trifft. Halte das Licht hinter dem Produkt, etwas über seiner Mitte, so wie echtes Licht fallen würde. Halte den Umfang sanft: Das Produkt sollte das kontrastreichste Element im Bild sein, nicht das Leuchten des Hintergrunds. ## Schatten, die das Produkt verankern Ein Freisteller ohne Schatten schwebt. Zwei Schatten lösen das. Ein **Kontaktschatten** ist eine kleine, dunkle, weiche Linie genau dort, wo das Produkt die Fläche berührt. Ein **Schlagschatten** ist eine größere, hellere, weichere Form, die vom Licht wegfällt. Die meisten Produkte brauchen beide, und beide sollten derselben Lichtrichtung folgen wie die Glanzlichter auf dem Produkt selbst. ```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%; } ``` Eine Produktbühne fürs Web: eine warme Hohlkehle, ein weicher, elliptischer Kontaktschatten und der Freisteller obenauf. Pass Breite und Position des Schattens an die Standfläche des Produkts an. ### Vermeiden - Freisteller ohne Schatten, die im Raum schweben - Ein Schatten, der in die eine Richtung fällt, und Glanzlichter in die andere - Harte schwarze Schlagschatten - Ein Hintergrund, der heller oder gesättigter ist als das Produkt ### Machen - Ein weicher Kontaktschatten, wo das Produkt den Boden berührt - Licht und Schatten aus einer einheitlichen Richtung - Schatten, getönt mit der Farbe des Hintergrunds - Das Produkt als stärkster Kontrast im Bild ## Produktfotos im ganzen Katalog einheitlich halten Ein Katalog wird als Raster gelesen. Wenn jedes Produkt auf demselben Hintergrund steht, im selben Winkel und Maßstab, wirkt das Raster ruhig, und Leute vergleichen Produkte statt Fotos. Ist jedes Bild anders, wirkt die Seite wie ein Marktplatz voller Fremder. 1. **Den Hintergrund festlegen** Eine Farbe oder ein Verlauf für die Hauptbilder, mit den exakten Codes notiert. 2. **Das Licht festlegen** Eine Richtung und eine Weichheit, damit Schatten und Glanzlichter bei jedem Produkt zusammenpassen. 3. **Den Winkel festlegen** Dieselbe Kamerahöhe und derselbe Winkel für ähnliche Produkte: frontal, Dreiviertelansicht, von oben. 4. **Den Ausschnitt festlegen** Das Produkt füllt denselben Anteil des Bildes, mit demselben Rand, auf derselben Linie zentriert. 5. **Die Größen festlegen** Exportiere jedes Bild pro Kanal in derselben Größe, etwa 2048 mal 2048 für ein Shopify-Produktbild. - Shopify-Produkt 2048×2048: 2048 × 2048 - Etsy-Angebot 2700×2025: 2700 × 2025 - Instagram-Post 1080×1350: 1080 × 1350 - Pinterest-Pin 1000×1500: 1000 × 1500 Ein Produkt, vier Kanäle. Ein Hintergrund, der sich leicht erweitern lässt, etwa ein Verlauf, kann für jede Form neu gerendert statt gestreckt werden. Ein Hochformat-Post, der eine neue Flasche ankündigt, auf einem sanften grünen Verlaufshintergrund Ein Post zum Produktlaunch auf einem Hintergrund aus den Farben des Produkts: dieselbe Familie wie die Shopbilder. In Gradiently kannst du ein freigestelltes Foto über jeden Mark legen, Fotos in den Farben des Marks tönen und ein fertiges Design in andere Größen kopieren, sodass Kampagnenbild, Pin und Story einen Hintergrund teilen. Für ein Produkt mit kräftiger Farbe findet [Bild treffen](https://gradiently.design/de/guide/match-a-picture) Marks, deren Palette nah daran liegt. ## FAQ ### Welche Hintergrundfarbe ist am besten für Produktfotos? Eine, die in der Helligkeit mit dem Produkt kontrastiert. Bei der Farbe wähl tonal für einen ruhigen, hochwertigen Look, komplementär für Energie oder einen getönten Neutralton für klare Katalogbilder. ### Sollten Produktfotos einen weißen Hintergrund haben? Manche Marktplätze verlangen Weiß für das Hauptbild. Anderswo wirkt ein getönter Neutralton oder eine tonale Farbe oft hochwertiger und markengerechter. ### Wie verhindere ich, dass ein freigestelltes Produkt zu schweben scheint? Füge einen weichen Kontaktschatten dort hinzu, wo es die Fläche berührt, und bei Bedarf einen helleren Schlagschatten, der derselben Lichtrichtung folgt wie die Glanzlichter des Produkts. ### Wie halte ich Produktfotos einheitlich? Nutze für jedes Produkt denselben Hintergrund, dieselbe Lichtrichtung, denselben Kamerawinkel, denselben Ausschnitt und dieselbe Exportgröße, und schreib den Aufbau auf.