Tamanhos ideais de imagem para e-commerce

No e-commerce, as imagens de produto são um dos fatores mais importantes na decisão de compra. Uma foto de alta qualidade pode ser a diferença entre um cliente que compra e um que abandona a página. Mas imagens pesadas demais prejudicam a velocidade do site — e velocidade é tudo em conversão. Neste guia, você vai encontrar os tamanhos e especificações ideais para cada tipo de imagem em uma loja virtual.

Por que o tamanho correto importa no e-commerce?

Estudos da indústria mostram que cada segundo a mais no tempo de carregamento pode reduzir a taxa de conversão em até 7%. Ao mesmo tempo, imagens de produto muito pequenas ou com baixa resolução aumentam a taxa de devolução, pois o cliente não consegue avaliar o produto com clareza antes de comprar.

O objetivo é encontrar o equilíbrio: imagens que parecem nítidas e profissionais em qualquer dispositivo, sem pesar desnecessariamente a página.

Imagens de produto: especificações recomendadas

Tipo de imagem	Dimensões recomendadas	Tamanho do arquivo	Formato
Imagem principal do produto	1000×1000 px (mínimo)	< 200 KB	JPG ou WebP
Thumbnail (miniatura)	300×300 px	< 50 KB	JPG ou WebP
Zoom do produto	2000×2000 px ou maior	< 500 KB	JPG ou WebP
Banner principal (hero)	1920×600 px	< 300 KB	JPG ou WebP
Banner de categoria	1200×400 px	< 200 KB	JPG ou WebP
Logo da loja	300×100 px (ou SVG)	< 20 KB	PNG, SVG ou WebP

Imagens quadradas: por que são o padrão?

A maioria das plataformas de e-commerce (Shopify, WooCommerce, VTEX, Mercado Livre) usa imagens de produto em formato quadrado (1:1). Isso garante consistência visual na grade de produtos e evita espaços em branco ou cortes indesejados.

O mínimo absoluto para imagens de produto é 800×800 px, mas 1000×1000 px é o padrão recomendado. Para lojas que oferecem zoom, 2000×2000 px permite que o cliente veja detalhes finos sem pixelização.

Fundo branco: quando e por quê?

Grandes marketplaces como Amazon, Shopee e Americanas exigem que a imagem principal do produto tenha fundo branco (#FFFFFF). Isso cria uniformidade visual e coloca o foco no produto. Para essas plataformas:

• Fundo branco puro (não cinza ou off-white)
• Produto deve ocupar 85% a 95% da área da imagem
• Sem marcas d’água, texto ou bordas adicionadas
• Mínimo de 500×500 px, recomendado 1000×1000 px

Imagens de contexto e lifestyle

Além da imagem principal em fundo branco, imagens de contexto (produto em uso, em ambiente real) são altamente eficazes para conversão. Para essas imagens:

• Dimensões: 1200×800 px para paisagem ou 800×1200 px para retrato
• Tamanho: máximo de 300 KB
• Formato: JPG (qualidade 80%) ou WebP

Especificações por plataforma

Shopify

• Imagem de produto: até 4472×4472 px, máx. 20 MB (o Shopify comprime automaticamente)
• Recomendado na prática: 2000×2000 px, JPG ou WebP
• Banner: 1800×1000 px

WooCommerce

• Imagem principal: configurável pelo tema (padrão geralmente 600–800 px)
• Recomendado: usar imagens de 1200×1200 px e deixar o WordPress gerar as miniaturas

Amazon

• Mínimo: 1000 px no lado maior
• Recomendado: 2000 px para ativar o zoom
• Fundo branco obrigatório na imagem principal

Boas práticas de otimização para e-commerce

1. Padronize as dimensões de todas as imagens antes de fazer upload
2. Comprima com qualidade 75–85% para JPG sem perda visual perceptível
3. Use WebP quando a plataforma suportar — redução adicional de 25–35%
4. Nomeie os arquivos com palavras-chave (camiseta-azul-masculina.jpg, não IMG_2034.jpg)
5. Adicione alt text descritivo a todas as imagens de produto
6. Use lazy loading em imagens abaixo da dobra
7. Sirva imagens em CDN para reduzir a latência geográfica

Conclusão

Imagens de e-commerce bem otimizadas são um investimento direto em conversão e experiência do usuário. Seguindo as especificações de tamanho, formato e qualidade adequados — e combinando com boas práticas de SEO — você garante que seus produtos sejam exibidos de forma profissional, carregam rapidamente e aparecem bem posicionados nos resultados de busca.

Como fazer sem enviar o arquivo

Se o arquivo for confidencial, o caminho mais seguro é aquele em que ele não sai do seu computador. Redimensionar imagem roda inteiramente no navegador: o arquivo é lido do seu disco, processado na memória e gravado de volta — nada é enviado a um servidor.

1. Abra Redimensionar imagem.
2. Escolha o arquivo no seu computador. Ele é lido localmente, não enviado.
3. Informe a largura e a altura, ou escolha uma predefinição.
4. Baixe o resultado. O original continua onde estava.

Faça no seu navegador — o arquivo não sai do seu dispositivo: Redimensionar imagem