Como Otimizar Imagens para Páginas de Produto de E-commerce | Bulk Image Compressor
Imagens de produto vendem coisas. Se um comprador não consegue ver os detalhes claramente, ele não compra. Mas se suas imagens são muito grandes e suas páginas carregam lentamente, eles vão embora antes mesmo das imagens terminarem de carregar. Encontrar esse equilíbrio é uma das coisas mais práticas que você pode fazer por uma loja online.
A boa notícia é que você não precisa escolher entre qualidade e velocidade. Com as configurações e formatos de compressão certos, suas fotos de produto podem ficar nítidas na tela enquanto carregam rapidamente em qualquer dispositivo.
Por que o tamanho da imagem do produto importa
Uma página de produto típica tem entre 4 e 8 imagens: a foto principal, alguns ângulos, talvez um close de detalhe e uma imagem de estilo de vida mostrando o produto em uso. Se cada uma delas for um arquivo não comprimido de 4MB do seu fotógrafo, isso representa 16 a 32MB de imagens por página.
Páginas de produto lentas prejudicam diretamente as vendas. Pesquisas da Deloitte descobriram que uma melhoria de 0,1 segundo na velocidade do site móvel levou a um aumento de 8,4% nas conversões para sites de varejo. O maior fator na velocidade da página para e-commerce é quase sempre as imagens.
Há também o fator móvel. A maioria das compras online acontece em telefones. Suas imagens de produto precisam carregar rapidamente em conexões celulares, não apenas em Wi-Fi rápido.
Fotos com fundo branco vs. fotos de estilo de vida
Esses dois tipos de imagens de produto têm características de compressão diferentes.
Fotos de produto com fundo branco são o que você vê na Amazon, eBay e na maioria das páginas de listagem de produtos. Elas normalmente têm um fundo branco limpo com o produto no centro. Essas imagens comprimem muito bem porque grandes áreas de branco sólido exigem muito poucos dados. Você pode frequentemente comprimi-las a 75 a 80% de qualidade JPEG e ver quase nenhuma diferença.
Fotos de estilo de vida mostram produtos em cenários do mundo real. Uma caneca de café em uma bancada de cozinha, uma jaqueta em um modelo ao ar livre, sapatos em uma calçada da cidade. Essas imagens têm mais complexidade visual com fundos variados, texturas e iluminação. Elas precisam de configurações de qualidade ligeiramente mais altas, cerca de 80 a 85%, para manter os detalhes.
Ambos os tipos podem ser significativamente menores que os originais. Uma foto de produto com fundo branco de 5MB normalmente comprime para 200 a 400KB. Uma foto de estilo de vida de 6MB comprime para 300 a 600KB.
Requisitos e recomendações da plataforma
Diferentes plataformas de e-commerce têm suas próprias diretrizes de imagem. Aqui estão as especificações para as principais:
Shopify recomenda imagens a 2048 x 2048 pixels. O tamanho máximo de arquivo é 20MB, mas eles sugerem fortemente manter as imagens bem abaixo disso. O Shopify faz alguma compressão automática e serve WebP quando o navegador suporta, mas começar com imagens otimizadas dá melhores resultados.
WooCommerce não impõe limites rígidos, pois é executado em sua própria hospedagem. Isso significa que a otimização de imagem é inteiramente sua responsabilidade. Os tamanhos de miniatura padrão são 600 x 600 para o catálogo e o tamanho total da imagem para a página do produto. Você deve redimensionar e comprimir antes de enviar.
Amazon requer um mínimo de 1000 pixels no lado maior (para funcionalidade de zoom) e recomenda 2000 pixels. O tamanho máximo de arquivo é 10MB. A imagem principal deve ter fundo branco puro (RGB 255, 255, 255). A Amazon comprime as imagens por conta própria, mas enviar imagens já otimizadas dá a você mais controle sobre o resultado final.
Etsy recomenda 2000 pixels no lado menor. Eles aceitam arquivos de até 1MB. Como o limite do Etsy é relativamente pequeno, você quase certamente precisará comprimir antes de enviar.
Dimensões e tamanhos de arquivo recomendados
Para a maioria das plataformas de e-commerce, aqui está uma meta prática:
| Tipo de imagem | Dimensões | Tamanho de arquivo alvo |
|---|---|---|
| Foto principal do produto | 2000 x 2000px | 200 a 400KB |
| Ângulos alternativos | 2000 x 2000px | 200 a 400KB |
| Close de detalhe/zoom | 2000 x 2000px | 250 a 500KB |
| Foto de estilo de vida | 2000 x 1333px | 300 a 600KB |
| Miniatura | 600 x 600px | 30 a 60KB |
Esses tamanhos oferecem resolução suficiente para recursos de zoom, mantendo as páginas rápidas. O total de carga de imagem por página de produto deve idealmente ficar abaixo de 2MB.
Escolhendo o formato certo
JPEG é o padrão para fotografia de produto. Ele lida bem com fotografias e é suportado em todos os lugares. Use-o como padrão.
WebP oferece cerca de 25 a 35% melhor compressão que JPEG na mesma qualidade visual. Se sua plataforma suporta (Shopify faz automaticamente, WooCommerce precisa de um plugin), WebP é uma melhoria sólida. Para uma comparação mais aprofundada de formatos, leia nosso guia JPEG vs PNG vs WebP.
PNG só é necessário quando suas imagens de produto exigem transparência. Por exemplo, se você vende itens que precisam ser mostrados sem nenhum fundo, o PNG preserva essa transparência. Caso contrário, evite PNG para fotos de produto porque os tamanhos de arquivo são muito maiores.
Processamento em lote para catálogos de produtos
Se você tem uma loja com dezenas ou centenas de produtos, comprimir imagens uma de cada vez não é realista. Um catálogo de produtos com 200 itens e 5 imagens cada significa 1.000 imagens para processar.
É aqui que a compressão em lote economiza horas. Com o Compressor de Imagens em Lote, você pode soltar uma pasta inteira de imagens de produto e comprimi-las todas de uma vez. Tudo é executado no seu navegador, então suas fotos de produto nunca são enviadas para nenhum servidor externo. Isso é importante quando você está trabalhando com produtos não lançados ou imagens que não quer compartilhadas antes do lançamento.
Aqui está um fluxo de trabalho que funciona bem para catálogos de produtos:
-
Redimensione primeiro. Deixe todas as suas imagens nas dimensões corretas (2000 x 2000px para a maioria das plataformas). Não envie imagens de 6000px para compressão quando elas serão exibidas apenas a 2000px.
-
Separe por tipo. Coloque fotos com fundo branco em um lote e fotos de estilo de vida em outro. Isso permite usar diferentes configurações de qualidade para cada um.
-
Comprima fotos com fundo branco a 75 a 80% de qualidade. Os fundos limpos comprimem eficientemente em configurações mais baixas.
-
Comprima fotos de estilo de vida a 80 a 85% de qualidade. Os detalhes extras nessas imagens se beneficiam de qualidade ligeiramente maior.
-
Verifique alguns resultados. Abra algumas imagens comprimidas e compare-as com os originais. Certifique-se de que o texto nas embalagens ainda esteja legível e os detalhes do produto estejam claros. Para mais informações, veja nosso guia sobre reduzir o tamanho do arquivo sem perder qualidade.
-
Envie para sua plataforma. Substitua os originais pelas versões comprimidas.
O impacto nos seus resultados
Páginas de produto mais rápidas significam mais vendas. É direto assim. Quando um comprador clica no seu produto a partir de um resultado de busca ou anúncio, você tem cerca de dois a três segundos antes que ele decida se espera ou aperta o botão de voltar.
Imagens otimizadas também reduzem seus custos de hospedagem e CDN. Se você está servindo 500.000 visualizações de página de produto por mês e reduz seu payload médio de imagem de 8MB para 1,5MB por página, isso são terabytes de largura de banda economizados.
Suas fotos de produto são o ativo mais importante da sua loja online. Comprimi-las adequadamente permite manter a qualidade visual que seus compradores precisam, enquanto oferece a experiência rápida que realmente leva a compras.
Ready to compress your images?
Bulk compress JPEG, PNG, WebP, and AVIF images right in your browser. No uploads, no sign-ups.
Try Bulk Image Compressor