# Fundos para fotos de produto que valorizam o produto

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

Um fundo para foto de produto tem um só trabalho: fazer o que está na frente dele parecer o melhor possível. Cor, luminosidade, sombra e consistência fazem quase tudo, e nenhuma delas exige um estúdio.

## The short version

- Um bom fundo para foto de produto contrasta com o produto em luminosidade, para que o seu formato seja lido na hora, mesmo em miniatura.
- Fundos tonais, uma versão mais clara ou mais escura da própria cor do produto, parecem calmos e premium; fundos complementares parecem ousados e cheios de energia.
- Uma sombra suave sob o produto o assenta no fundo, para que um recorte não pareça flutuar.
- Um gradiente suave atrás de um recorte, mais claro atrás do produto e mais profundo em direção às bordas, imita o fundo infinito de um estúdio.
- Em todo o catálogo, mantenha o mesmo fundo, a mesma direção de luz, o mesmo ângulo e o mesmo enquadramento para que os produtos possam ser comparados num relance.

O melhor **fundo para foto de produto** é aquele que faz o produto parecer melhor sem ser notado. Comece pela luminosidade: um produto escuro precisa de um fundo mais claro, e um produto claro de um mais escuro, para que a silhueta seja lida em miniatura. Depois escolha uma relação de cor, tonal para calma ou complementar para energia, acrescente uma sombra de contato suave para que o produto se apoie na superfície e repita a mesma configuração em todos os produtos da linha.

Este guia trata de cada uma dessas decisões, com exemplos de cor, códigos de gradiente para recortes e um checklist de consistência de catálogo. Para pensar a cor de forma mais ampla, veja [cores complementares](https://gradiently.design/pt-br/guide/complementary-colors) e [a regra 60-30-10](https://gradiently.design/pt-br/guide/60-30-10-rule).

## Como escolher a cor de fundo para um produto

O contraste de luminosidade vem primeiro, porque é o que torna um formato legível. A cor vem em segundo lugar e define o clima. Há três estratégias de cor confiáveis, cada uma com um efeito diferente.

| Estratégia | Fundo | Efeito | Combina com |
| --- | --- | --- | --- |
| Tonal | Uma versão mais clara ou mais escura da cor do produto | Calmo, premium, coeso | Beleza, moda, casa |
| Complementar | Uma cor oposta à do produto no círculo cromático | Ousado, enérgico, chamativo | Comida, bebidas, brinquedos, anúncios em redes sociais |
| Neutro | Branco tingido, pedra, cinza ou grafite | Limpo, honesto, comparável | Marketplaces, tecnologia, catálogos |

Três estratégias. A maioria das marcas escolhe uma como padrão e usa outra nas campanhas.

- Produto: verde-garrafa: #2f6b4f
- Tonal: verde-claro: #dcebe2
- Complementar: coral suave: #f2c6b4
- Neutro: pedra quente: #f1eee8
- Neutro escuro: grafite: #1f2320

Um produto verde, quatro fundos. O verde-claro é calmo e coeso, o coral suave faz o verde brilhar, a pedra é neutra e o grafite combina mais com um produto de cor clara do que com este.

> **Confira as regras do marketplace** Alguns marketplaces exigem a imagem principal do produto sobre um fundo branco liso. Use fundos coloridos nas imagens secundárias, na sua própria loja e nos posts sociais, e confira as regras de imagem atuais de cada plataforma antes de fotografar.

## Gradientes atrás de produtos recortados

Fotógrafos de estúdio usam um fundo infinito: um fundo curvo que vai da parede ao chão sem canto visível, iluminado para ficar mais claro atrás do produto e escurecer em direção às bordas. Um gradiente suave atrás de um recorte recria esse visual sem estúdio. Ele concentra a atenção no produto e acrescenta uma profundidade que uma cor chapada não consegue.

- Fundo infinito branco: `radial-gradient(ellipse at 50% 40%, #ffffff 0%, #eef0f2 55%, #d9dde2 100%)`
- Fundo infinito pedra quente: `radial-gradient(ellipse at 50% 40%, #f6efe6 0%, #e9dccb 55%, #cdb89d 100%)`
- Fundo infinito verde tonal: `radial-gradient(ellipse at 50% 40%, #e3f0e8 0%, #c5ddcf 55%, #97bba6 100%)`
- Fundo infinito coral: `radial-gradient(ellipse at 50% 40%, #fbe2d6 0%, #f2c6b4 55%, #df9c83 100%)`
- Holofote grafite: `radial-gradient(ellipse at 50% 35%, #3a3f47 0%, #24272c 55%, #141619 100%)`
- Parede e chão: `linear-gradient(180deg, #eceef1 0%, #eceef1 62%, #d6dae0 100%)`

Fundos para recortes. Os fundos infinitos radiais iluminam a área atrás do produto; o último sugere uma parede encontrando o chão.

Mantenha a luz atrás do produto, um pouco acima do centro, como cairia uma luz real. Mantenha a variação suave: o produto deve ser o elemento de maior contraste no quadro, não o brilho do fundo.

## Sombras que assentam o produto

Um recorte sem sombra flutua. Duas sombras resolvem. A **sombra de contato** é uma linha pequena, escura e suave exatamente onde o produto toca a superfície. A **sombra projetada** é uma forma maior, mais clara e mais suave que se afasta da luz. A maioria dos produtos precisa das duas, e ambas devem seguir a mesma direção de luz dos reflexos no próprio produto.

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

Uma vitrine de produto para a web: um fundo infinito quente, uma sombra de contato elíptica e suave e o recorte por cima. Ajuste a largura e a posição da sombra à base do produto.

### Evite

- Recortes sem sombra, flutuando no espaço
- Uma sombra caindo para um lado e os reflexos para o outro
- Sombras pretas e duras
- Fundo mais claro ou mais saturado que o produto

### Faça

- Uma sombra de contato suave onde o produto encontra o chão
- Luz e sombra vindo de uma única direção consistente
- Sombras tingidas com a cor do fundo
- O produto como o contraste mais forte do quadro

## Como manter as fotos de produto consistentes num catálogo

Um catálogo é lido como uma grade. Quando todos os produtos estão sobre o mesmo fundo, no mesmo ângulo e na mesma escala, a grade parece calma e as pessoas comparam os produtos, não as fotos. Quando cada imagem é diferente, a página parece um marketplace de desconhecidos.

1. **Defina o fundo** Uma cor ou um gradiente para as imagens principais, anotado com os códigos exatos.
2. **Defina a luz** Uma direção e uma suavidade, para que sombras e reflexos combinem em todos os produtos.
3. **Defina o ângulo** A mesma altura e o mesmo ângulo de câmera para produtos parecidos: de frente, em três quartos, de cima.
4. **Defina o enquadramento** O produto ocupa a mesma parte do quadro, com a mesma margem, centralizado na mesma linha.
5. **Defina os tamanhos** Exporte todas as imagens no mesmo tamanho para cada canal, como 2048 por 2048 para uma imagem de produto na Shopify.

- Produto Shopify 2048×2048: 2048 × 2048
- Anúncio Etsy 2700×2025: 2700 × 2025
- Post Instagram 1080×1350: 1080 × 1350
- Pin Pinterest 1000×1500: 1000 × 1500

Um produto, quatro canais. Um fundo que se estende com facilidade, como um gradiente, pode ser renderizado para cada formato em vez de esticado.

Um post de lançamento em retrato anunciando uma nova garrafa sobre um fundo gradiente verde suave

Um post de lançamento de produto sobre um fundo tirado das cores do produto: a mesma família das imagens da loja.

No Gradiently, você pode colocar uma foto recortada sobre qualquer Mark, tingir fotos com as cores do Mark e copiar um design pronto para outros tamanhos, para que uma imagem de campanha, um pin e um story compartilhem o mesmo fundo. Para um produto de cor forte, [Combinar com uma imagem](https://gradiently.design/pt-br/guide/match-a-picture) encontra Marks com uma paleta próxima da dele.

## FAQ

### Qual a melhor cor de fundo para fotos de produto?

Uma que contraste com o produto em luminosidade. Para a cor, escolha tonal para um visual calmo e premium, complementar para energia, ou um neutro tingido para imagens de catálogo limpas.

### Fotos de produto devem ter fundo branco?

Alguns marketplaces exigem branco na imagem principal. Nos outros lugares, um neutro tingido ou uma cor tonal costuma parecer mais premium e mais alinhado à marca.

### Como evitar que um produto recortado pareça flutuar?

Acrescente uma sombra de contato suave onde ele encontra a superfície e, se precisar, uma sombra projetada mais clara seguindo a mesma direção de luz dos reflexos do produto.

### Como manter as fotos de produto consistentes?

Use o mesmo fundo, a mesma direção de luz, o mesmo ângulo de câmera, o mesmo enquadramento e o mesmo tamanho de exportação em todos os produtos, e anote a configuração.