O Shopify dá mais margem de upload que qualquer marketplace: 5000×5000 pixels, 20MB por arquivo, vários formatos. Essa liberdade também é a armadilha. Os vendedores sobem o que saiu da câmera, os temas cortam as imagens de formas inesperadas, os visitantes mobile esperam quatro segundos pela imagem principal e a taxa de rejeição sobe silenciosamente. Este guia responde às dez perguntas que os vendedores do Shopify realmente fazem sobre imagens de produto — especificações, temas, performance, SEO e variantes — com os números que você precisa para decidir.
Que tamanho devem ter as imagens de produto no Shopify?
Faça upload em 2048×2048 pixels, quadradas. Esse é o número que a própria documentação do Shopify lista como tamanho master recomendado, e é o que todos os principais temas usam como referência.
| Uso da imagem | Tamanho recomendado | Proporção | Por que esse tamanho |
|---|---|---|---|
| Imagem de produto (master) | 2048×2048 px | 1:1 | Zoom + renderização retina |
| Imagem de produto (mínimo) | 800×800 px | 1:1 | Abaixo disso, o zoom para de funcionar |
| Imagem de coleção | 1024×1024 px | 1:1 | Grades de exibição do tema |
| Hero / banner | 1920×1080 px | 16:9 | Largura total no desktop |
| Slideshow | 1600×500 a 1920×600 px | 3:1 a 4:1 | Depende do tema |
| Logo | 450×200 px | ~2:1 | Exibição no cabeçalho |
| Favicon | 32×32 px | 1:1 | Aba do navegador |
Limites rígidos de upload: 5000×5000 px, 20MB. Qualquer coisa maior é rejeitada. Mas "poder subir" e "dever subir" são coisas diferentes — veja a seção de tamanho de arquivo abaixo.
Que peso de arquivo mantém as páginas rápidas?
A própria orientação do Shopify coloca a meta prática em 200–500KB por imagem de produto, e lojas com tráfego majoritariamente mobile devem mirar em 200–300KB.
Por que isso importa: cada 100KB de peso adiciona cerca de 150–300ms de tempo de carregamento em uma conexão 4G. Uma página com 10 imagens a 2MB cada resulta em 20MB de payload — isso é um carregamento de mais de 30 segundos em redes móveis mais lentas, o que a telemetria do Shopify correlaciona fortemente com abandono de carrinho.
| Peso da imagem | Tempo de carregamento (4G) | O que acontece |
|---|---|---|
| <200KB | <1s | Rápido, sem atraso perceptível |
| 200–500KB | 1–2s | Aceitável para imagens hero/produto |
| 500KB–1MB | 2–4s | Atraso perceptível, risco de rejeição sobe |
| >1MB | >4s | Rejeição significativa no mobile |
O Shopify comprime automaticamente e entrega variantes em WebP, mas só se a fonte estiver otimizada. Se você subir um PNG de 15MB, o Shopify vai comprimir, mas a compressão automática é conservadora — você obtém resultados muito melhores comprimindo para JPEG qualidade 80–85 antes do upload.
Devo usar JPEG, PNG, WebP ou SVG?
A escolha do formato depende do tipo de imagem.
| Formato | Usar para | Evitar para | Observações |
|---|---|---|---|
| JPEG | Fotos de produto, tomadas lifestyle | Imagens que precisam de transparência | Qualidade 80–85 é o ponto ideal |
| PNG | Logos, ícones, infográficos com transparência | Fotografias (arquivo inchado) | Use apenas quando precisar de canal alfa |
| WebP | Tudo (se conseguir exportar) | Navegadores antigos (problema raro em 2026) | 25–35% menor que JPEG na mesma qualidade |
| SVG | Ícones, logos, gráficos simples | Fotos de produto | Escalável infinitamente, arquivo minúsculo |
| GIF | Demos animados (com parcimônia) | Qualquer outra coisa | Para animação, prefira MP4/WebM |
O Shopify entrega WebP automaticamente para navegadores compatíveis, independentemente do que você suba — então não se preocupe com o formato de upload. Foque em que a fonte seja de alta qualidade e esteja dentro da meta de peso. JPEG qualidade 85 é o padrão seguro para fotografia de produto.
Preciso usar imagens quadradas no Shopify?
Não — mas provavelmente deveria. A maioria dos temas Shopify exibe por padrão grades quadradas, e uploads não quadrados são recortados. Se o tema espera 1:1 e você sobe 4:3, ou a parte de cima ou de baixo do produto é cortada, ou a imagem flutua em uma caixa com borda branca que fica inconsistente em relação às outras.
Quando quadrado funciona: Grades de produto padrão, páginas de coleção, resultados de busca, carrosséis de produtos relacionados. Isso cobre 90% dos casos de uso.
Quando você pode escolher retrato (3:4 ou 4:5): Lojas de moda focadas em fotos de corpo inteiro em modelo, onde a composição vertical importa. Isso exige um tema especificamente projetado para proporções verticais (Dawn com ajustes de tema, Impact, Impulse) — não force o retrato em um tema com grade quadrada por padrão.
Quando paisagem (16:9) cabe: Banners hero, fotos lifestyle ambientais usadas como imagens secundárias. Nunca como imagem principal em um tema com grade quadrada.
Fluxo seguro: fotografe mais amplo do que precisa, corte para 2048×2048 quadrado na imagem master, depois crie variantes adicionais 2048×2048 para ângulos alternativos. Use composições em paisagem apenas em banners e slideshows.
Como os temas do Shopify afetam a exibição das imagens?
Cada tema recorta e dimensiona imagens de forma diferente — essa é a causa mais comum de reclamações do tipo "minhas fotos estão feias no site". Antes de finalizar as especificações, teste no seu tema real.
| Tema | Recorte na página de produto | Grade de coleção | Observações |
|---|---|---|---|
| Dawn (padrão do Shopify) | Configurável (quadrado, retrato, paisagem, natural) | Segue o ajuste da página de produto | Mais flexível |
| Debut | Quadrado forçado | Quadrado | Exibição estrita 1:1 |
| Impact | Amigável para retrato | Configurável | Otimizado para moda |
| Motion | Full-bleed, controlado pelo tema | Estilo card | Muito animado |
| Minimal | Centralizado com padding | Quadrado | Adiciona espaço branco se não for quadrado |
Teste prático: Depois do upload, veja a página de produto e a de coleção no desktop e no mobile. Se o recorte do produto parecer errado, corrija a imagem de origem — não dependa de ajustes CSS do tema, que quebram em atualizações.
Como isso se compara ao Amazon e eBay?
Se você vende em várias plataformas a partir da mesma biblioteca, as especificações divergem em pontos importantes.
| Especificação | Shopify | Amazon | eBay |
|---|---|---|---|
| Tamanho recomendado | 2048×2048 px | 2000×2000 px | 1600×1600 px |
| Tamanho mínimo | 800×800 px | 1000×1000 px (zoom) | 500×500 px |
| Tamanho máximo | 5000×5000 px, 20MB | 10000 px no lado maior | 7MB |
| Proporção | Flexível por tema | 1:1 obrigatória | 1:1 recomendada |
| Fundo | Sua escolha | Branco puro (imagem principal) | Limpo, branco não obrigatório |
| Logos/marca d'água | Permitido | Proibido na principal | Proibido na principal |
| Texto sobre imagem | Permitido | Proibido na principal, permitido nas secundárias | Limitado na principal |
| Formato de arquivo | JPEG, PNG, WebP, GIF, SVG | JPEG, PNG, TIFF, GIF | JPEG, PNG, GIF, BMP, TIFF |
Implicação prática: Uma única imagem compatível com Amazon (2000×2000, branco puro, sem texto) funciona em todo lugar, mas é limpa demais para o Shopify, onde imagens lifestyle e infográficos convertem melhor. Construa sua biblioteca com um master 2048×2048 de fundo limpo, e variantes sobrepostas.
Que texto alternativo (alt text) escrever para SEO?
O texto alternativo atende a três públicos: leitores de tela, busca de imagens do Google e fallback para imagens quebradas. Escreva para os dois primeiros — o terceiro se resolve sozinho.
Fórmula de bom alt text: [Nome do produto] [descritor-chave] [contexto, se relevante]
| Tipo de imagem | Alt text fraco | Alt text forte |
|---|---|---|
| Produto principal | "caneca branca" | "Caneca de café em cerâmica branca 12oz com acabamento fosco" |
| Variante de cor | "versão vermelha" | "Caneca de café em cerâmica vermelha 12oz acabamento fosco" |
| Toma lifestyle | "caneca na mesa" | "Caneca de cerâmica branca em mesa de café da manhã de madeira com café matinal" |
| Toma de detalhe | "close-up" | "Close-up de caneca de cerâmica branca fosca mostrando a textura da alça" |
| Infográfico | "diagrama" | "Infográfico de dimensões da caneca mostrando 3,5 polegadas de altura e 4 polegadas de diâmetro" |
Regras:
- Menos de 125 caracteres (leitores de tela cortam a partir desse tamanho)
- Inclua a palavra-chave principal de forma natural, sem encher de palavras-chave
- Descreva o que realmente aparece, não copie o título do produto
- Alt text diferente para cada imagem do mesmo produto (não cópias idênticas)
- Evite expressões como "imagem de" ou "foto de" — tecnologia assistiva adiciona isso automaticamente
Como lidar com imagens de variantes (cor, tamanho, estilo)?
O Shopify permite atribuir imagens a variantes específicas de produto. É aqui que a maior parte das lojas deixa a desejar.
Configuração mínima viável: Uma imagem por variante de cor mostrando exatamente aquela cor. É o que o cliente espera — clicar em "vermelho" deve mostrar o produto vermelho, não o branco.
Configuração melhor para moda e casa:
- Imagem principal da variante: Produto no mesmo ângulo, mesma iluminação, mesma composição em todas as cores (para comparação visual fácil)
- Imagem lifestyle secundária: Produto em uso, combinando com a cor da variante
- Imagem de detalhe: Close-up mostrando cor/textura com precisão
Variantes de tamanho não precisam de imagens separadas a menos que o produto pareça visualmente diferente em tamanhos distintos (por exemplo, bolsa pequena vs. grande com proporções diferentes). Para roupas, um conjunto de fotos em modelo mais uma tabela de medidas já basta.
Fidelidade de cor é crítica: Os compradores esperam que a imagem da variante bata com a realidade que veem na tela. Se a iluminação do estúdio desvia as cores, corrija em pós-produção antes do upload. Devoluções por cor são puxadas em grande parte pelo descompasso entre imagem e realidade em variantes de cor.
Velocidade de página e peso de imagem afetam conversão de verdade?
Sim, de forma mensurável. Os dados de Core Web Vitals do Google e estudos de benchmark de e-commerce mostram consistentemente:
- LCP (Largest Contentful Paint) abaixo de 2,5s: base para bom ranqueamento
- LCP entre 2,5–4s: queda significativa nas métricas de engajamento
- LCP acima de 4s: aumento substancial da taxa de rejeição no mobile
Sua imagem hero de produto costuma ser o elemento LCP da página. Reduzir 500KB nela geralmente derruba o LCP em 200–500ms no 4G, efeito que se acumula pela sessão.
| Melhoria de velocidade | Efeito típico na conversão |
|---|---|
| 1s → 2s | Base, sem efeito |
| 3s → 2s | +3–7% de conversão |
| 5s → 2s | +10–15% de conversão no mobile |
| 8s → 3s | +25–30% de conversão no mobile |
Por isso a meta de 200–500KB importa mais do que parece. Dez imagens a 500KB são 5MB por página. Dez imagens a 2MB são 20MB por página — a diferença é tangível para todo visitante mobile.
Checklist pré-upload
Passe por essa lista antes de adicionar imagens a qualquer produto:
- Tamanho master 2048×2048 pixels (ou 2000×2000 se multi-canal)
- Proporção quadrada combina com a grade padrão do tema
- Exportado como JPEG qualidade 80–85 (ou WebP qualidade 80)
- Peso entre 200–500KB por imagem
- Nome de arquivo descritivo:
produto-cor-angulo.jpg(nãoIMG_4821.jpg) - Alt text escrito para cada imagem, menos de 125 caracteres
- Cor bate com a realidade (verificar em monitor calibrado)
- Imagens de variante atribuídas corretamente no admin do Shopify
- Pré-visualização conferida em desktop e mobile após o upload
- Recorte testado no seu tema específico
FAQ
O Shopify comprime minhas imagens automaticamente?
Sim. O Shopify entrega uma versão otimizada por CDN, muitas vezes em WebP para navegadores compatíveis, dimensionada para o viewport. Mas a compressão é com perda sobre o que você subiu — uma fonte pré-otimizada sempre produz resultado melhor do que depender da compressão automática.
Posso usar as mesmas imagens de produto no Shopify e no Amazon?
A imagem principal, sim — uma imagem 2000×2000 com fundo branco puro funciona nos dois. As secundárias geralmente precisam diferir: o Amazon proíbe logos e a maioria dos textos sobre a imagem principal e tem regras mais rígidas para as secundárias, enquanto o Shopify permite liberdade criativa. Mantenha pastas separadas marcadas por canal.
Qual é o tamanho ideal de banner hero para a home?
1920×1080 pixels é o padrão seguro. Alguns temas aceitam 2400×1200 para telas ultra-wide. Sempre inclua um recorte otimizado para mobile (1080×1080 ou 1080×1350) — usuários mobile devem ver um recorte fechado focado no produto, não uma fatia do meio do seu banner de desktop.
Quantas imagens devo ter por produto?
Sete a oito imagens é o ponto ideal na maioria das categorias: principal com fundo branco, 2–3 ângulos adicionais, 1–2 lifestyle/em uso, 1 referência de escala/tamanho, 1 infográfico. Menos de quatro sugere listagem incompleta; mais de dez geralmente adiciona ruído sem elevar conversão.
Por que minhas imagens de produto ficam borradas no mobile?
Três causas comuns: (1) a imagem de origem estava abaixo de 2048px e foi esticada, (2) o tema está servindo uma variante muito comprimida porque seu arquivo de origem é grande demais, (3) telas Retina mobile renderizam diferente do desktop — uma imagem que parece nítida no desktop pode parecer suave em telas mobile com densidade 3x. Solução: suba uma fonte nítida 2048×2048 e deixe o Shopify cuidar do downscaling.