Imagens de produto para WooCommerce: tamanhos, compressão e fundos com IA

Os tamanhos para enviar, e o que o seu tema faz com eles

O WooCommerce vem com miniaturas de catálogo de 324 por 324 pixels, miniaturas de galeria em torno de 100 por 100 pixels e uma imagem de produto individual de 800 por 800 pixels, mas quase todo tema substitui esses padrões, então o primeiro trabalho é conferir o seu próprio tema, não decorar os padrões. A regra prática de envio que sobrevive à maioria dos temas é simples: envie em quadrado, com pelo menos 1200 pixels no lado maior para produtos comuns e 1600 a 2000 pixels para produtos em que o zoom importa, como joias, tecidos, eletrônicos e qualquer coisa com letra miúda. Envios quadrados sobrevivem a um corte quadrado sem perder um canto do produto, e um mestre de 1200 pixels dá ao tema resolução suficiente para uma tela retina sem entregar um arquivo de 4000 pixels para reduzir em cada carregamento de página.

Dois erros causam a maior parte do dano. O primeiro é enviar formas misturadas: um produto alto, um produto largo e um produto quadrado na mesma grade, que o tema depois corta de forma desigual, de modo que um produto perde a parte de cima e outro flutua em espaço vazio. Corrija isso antes de enviar compondo cada mestre em quadrado, com o produto centralizado e um pouco de respiro em todos os lados. O segundo é enviar o original da câmera e confiar que o tema vai otimizá-lo. Os temas mudam o tamanho, mas não comprimem, convertem nem carregam de forma preguiçosa de modo confiável sozinhos, e uma página de loja com vinte originais de 2 megabytes vai reprovar em um teste de velocidade por melhor que seja a fotografia.

Compressão sem deixar os produtos moles

Converta para WebP e comprima antes de enviar, não depois. O WebP costuma economizar de 25 a 35 por cento contra um JPEG equivalente, é aceito por praticamente todos os navegadores modernos e é o formato que a maioria dos plugins de otimização serve automaticamente quando pode. Busque uma exportação WebP com qualidade aproximada de 70 a 80 por cento, e depois confira o resultado em tamanho completo: gradientes suaves, trama de tecido e texto fino são as primeiras coisas a amolecer, e se amolecerem, suba a qualidade para aquela imagem em vez de aplicar um ajuste agressivo a todo o catálogo. O AVIF comprime mais, em torno de 40 a 50 por cento contra o JPEG em comparações publicadas, mas o seu suporte em navegadores e plugins ainda é desigual, então trate-o como uma opção futura, não como o padrão para uma loja que vende em 2026.

Um fluxo viável, em ordem, é: gerar ou fotografar o mestre quadrado, mudar o tamanho dele para o tamanho de envio da tabela acima, exportar WebP com qualidade de 70 a 80 por cento, tirar os metadados da câmera e só então enviar. Se você usa um plugin como Smush, ShortPixel ou EWWW, deixe-o cuidar da conversão e do carregamento preguiçoso dos envios antigos, mas não deixe que ele seja o único passo: um plugin não consegue recuperar um original mal composto, e não consegue corrigir uma grade de formas misturadas. Guarde os originais em uma pasta fora da biblioteca de mídia, com nomes por produto e variante, para uma troca de tema ou uma regeneração de miniaturas nunca obrigar você a fotografar de novo. Esse hábito de nomear é também o que deixa o fluxo em lote rápido na segunda vez.

Meça o resultado em um celular real, não só em uma ferramenta de velocidade de computador. Abra a página da loja nos dados móveis, conte quanto tempo a grade leva para estabilizar e confira o número do largest contentful paint se a sua ferramenta de velocidade mostrar; uma grade de loja que estabiliza em menos de cerca de dois segundos e meio em um celular intermediário está em boa forma. Se for mais lenta, o culpado quase sempre é o peso das imagens, não a hospedagem, e a correção é enviar arquivos menores e pôr menos imagens de galeria na página da grade, não trocar de tema.

Fundos com IA que não quebram o anúncio

A IA rende mais em uma loja WooCommerce para fundos e variantes, não para inventar o produto. Comece por uma foto limpa e real do produto, remova ou substitua o fundo e gere variantes de lifestyle em torno desse mesmo produto, conferindo cada uma contra o original: mesma forma, mesma cor à luz do dia, mesma etiqueta, nenhuma característica inventada, nenhum item extra que pareça incluído. Um fundo branco ou bem claro continua sendo a imagem principal certa para a maioria das lojas, porque mantém a grade uniforme e deixa o produto, não a cena, fazer o trabalho. Use fundos de lifestyle para as imagens dois, três e quatro da galeria, onde elas respondem às próximas perguntas do comprador: qual é o tamanho, como ele fica em uso e como o detalhe fica de perto.

Termine com três conferências antes de publicar. Primeiro, a conferência da grade: cada miniatura parece da mesma loja, com o mesmo tom de fundo e o mesmo tamanho de produto no quadro? Segundo, a conferência do zoom: a imagem de galeria de 1600 pixels continua nítida e precisa quando um comprador passa o mouse, ou revela uma etiqueta deformada ou uma textura derretida? Terceiro, a conferência de honestidade: se uma imagem de galeria mostra uma cena que o comprador não vai receber, como um quarto produzido, garanta que o texto do anúncio diga isso com clareza. Limpe primeiro um fundo de celular com muito ruído com o guia para remover o fundo, amplie um vencedor só quando um banner precisar de verdade com o guia para ampliar, e siga o guia de fotos para lojas pequenas para os mesmos passos dentro do app.