As fotos de produtos WooCommerce são o ativo visual que mais influencia a decisão de compra na página de produto, e também o que mais pesa no tempo de carregamento. A primeira frase técnica é simples: a foto certa equilibra nitidez, peso em quilobytes e descrição acessível. O WooCommerce regenera cada imagem em três tamanhos (destaque, galeria e miniatura), então o arquivo que você sobe não é o que aparece. Quem entende essa cadeia evita imagens esticadas, borradas ou lentas. Este guia mostra o caminho completo, do tamanho ideal de upload à compressão WebP, passando pelo alt text que alimenta o Google Imagens. Para o contexto maior da loja, vale ler o hub de WooCommerce da FULL.

Tamanho ideal das fotos de produtos WooCommerce

O tamanho ideal de upload para fotos de produtos WooCommerce fica entre 1.000 px e 2.000 px no lado maior, com arquivo abaixo de 200 KB após compressão. O WooCommerce 9.x regenera três cortes a partir desse original, então o arquivo que você sobe não é o que aparece na loja.

De acordo com o painel do WooCommerce, os três cortes são imagem em destaque (geralmente 600 px), galeria (100 px) e miniatura única, todos configuráveis em Aparência > Personalizar > WooCommerce > Imagens de produto. Subir um arquivo de 4.000 px e 3 MB não deixa a loja mais bonita: o tema serve a versão regenerada e o original só ocupa disco. A regra de ouro é cadastrar imagens quadradas, na proporção 1:1, com fundo claro e o produto ocupando 80% do quadro.

Legenda: ajustar os três tamanhos no Personalizador evita que o WooCommerce regenere cortes desproporcionais ao tema.

Por que as fotos ficam borradas ou esticadas

Fotos de produtos WooCommerce borradas vêm de um descompasso entre a dimensão do arquivo original e o tamanho que o tema pede. Quando a imagem destacada é cadastrada abaixo de 800 px e o zoom da galeria do WooCommerce está ativo, o navegador estica a foto para preencher o container, gerando o efeito pixelado.

Outra causa comum é trocar de tema sem regenerar as miniaturas: o WordPress 6.x guarda os cortes antigos e o novo tema pede dimensões diferentes, exibindo versões cortadas. A correção é regenerar as miniaturas com um plugin como Regenerate Thumbnails e padronizar o upload em 1:1. Na FULL, a gente vê no suporte que boa parte dos chamados de “imagem feia na loja” é arquivo pequeno demais sendo ampliado, ou cache servindo a versão antiga após a troca. Antes de culpar a foto, confira a dimensão real em Mídia > Biblioteca e force a regeneração, como detalha o guia sobre alt text versus título da imagem.

Comprimir sem perder qualidade com WebP

Comprimir fotos de produtos WooCommerce sem perder qualidade significa converter para o formato WebP, que entrega arquivos 25% a 35% menores que o JPEG na mesma nitidez, segundo a documentação do Google. Em uma loja com 50 produtos e 4 fotos cada, isso corta megabytes por visita e melhora o LCP.

Plugins como Smush, ShortPixel e Imagify fazem a conversão automática no upload e geram a versão WebP sem apagar o original. A compressão “lossy” em 80% de qualidade é o ponto onde o olho humano não percebe perda, mas o peso despenca. A cadeia técnica importa: imagem acima de 1 MB sem compressão WebP, somada a um tema sem lazy-loading nativo, empurra o LCP para além de 4 s no mobile. Ative os dois juntos. Para converter catálogos inteiros, o tutorial de converter imagens para WebP no WordPress cobre a ordem correta de execução.

Passo a passo: Configurar fotos de produtos WooCommerce em 5 etapas

Configurar fotos de produtos WooCommerce do jeito certo leva cinco etapas que cobrem dimensão, formato, descrição e validação. A ordem importa: definir o tamanho antes de subir evita retrabalho de regeneração. O tempo total para um catálogo de 100 produtos fica em torno de 90 minutos, a maior parte gasta na edição de alt text.

Passo 1: Defina os tamanhos no personalizador

Antes de subir qualquer foto, vá em Aparência > Personalizar > WooCommerce > Imagens de produto e fixe a dimensão da imagem em destaque (recomendado: 1:1, sem corte forçado). Isso garante que toda foto nova respeite a mesma proporção. Marque “Sem corte” se o seu fornecedor já manda imagens quadradas, ou “Cortar” para padronizar à força. Salve antes de continuar: mudar esse valor depois exige regenerar todo o catálogo de novo.

Passo 2: Padronize e corte as imagens em 1:1

Edite cada foto em proporção quadrada, com o produto centralizado e fundo branco ou neutro. Use 1.000 a 2.000 px no lado maior. Ferramentas gratuitas como o GIMP ou o editor do Canva resolvem o corte em lote. Mantenha o produto ocupando cerca de 80% do quadro, deixando margem para o zoom da galeria não cortar detalhes. Salve em JPEG de alta qualidade antes da compressão automática.

Passo 3: Ative a compressão WebP no upload

Instale um plugin de otimização (Smush, ShortPixel ou Imagify) e configure a conversão WebP automática com qualidade entre 75% e 85%. Ative a opção de servir WebP com fallback para JPEG nos navegadores antigos. A partir daí, toda foto nova já entra comprimida. Para o catálogo existente, rode a otimização em lote, mas em catálogos grandes faça por partes para não sobrecarregar o servidor.

Passo 4: Escreva o alt text de cada produto

Preencha o campo de texto alternativo de cada imagem em Mídia ou direto na página de produto. O alt text descreve a foto para leitores de tela e para o Google Imagens, virando sinal de busca. Use uma descrição real: “tênis de corrida azul com solado branco”, não “imagem produto 1”. Inclua a cor, o material e o modelo quando fizer sentido, sem repetir a palavra-chave de forma artificial.

Passo 5: Valide o LCP e regenere as miniaturas

Rode a página de produto no PageSpeed Insights e confira o LCP no relatório mobile. Se a imagem em destaque for o elemento de maior pintura e estiver acima de 2,5 s, reduza o peso ou ative o lazy-loading. Por fim, use Regenerate Thumbnails para recriar os cortes com os novos tamanhos. Confira o resultado no front-end em três produtos diferentes antes de dar o catálogo como pronto.

Legenda: o alt text descritivo transforma cada foto de produto em um ponto de entrada para o Google Imagens.

Alt text e SEO de imagem que alimenta a busca com IA

O alt text das fotos de produtos WooCommerce conecta a imagem ao SEO e à busca com IA, porque tanto o Google Imagens quanto motores generativos leem essa descrição como contexto. Uma loja com 200 produtos e alt text vazio perde 200 oportunidades de aparecer em buscas visuais.

A descrição ideal tem de 8 a 15 palavras, cita atributos concretos como cor, tamanho e material, e nunca repete a mesma frase em todas as fotos. O Core Web Vitals entra aqui: imagem leve e descrita rankeia melhor que imagem pesada e anônima. Comparado com o nome de arquivo, o alt text vale muito mais. Quem quer ir além deve combinar a foto com o schema de produto: a página de rich snippets de produto WooCommerce mostra como o campo de imagem puxa a foto para a SERP, e o guia de SEO da página de produto WooCommerce cobre o conjunto.

Acelere a loja sem trocar de hospedagem

Otimizar as fotos de produtos WooCommerce resolve metade do problema de velocidade. A outra metade é a infraestrutura de plugins e cache que serve essas imagens, e é aí que montar a stack peça por peça custa caro: cada licença avulsa de otimização soma dezenas de reais por ano.

No plano PRO da FULL, por R$849, você ativa em um clique o pacote que inclui WP Rocket, Smush e os plugins de otimização que custariam centenas de reais avulsos. Dividido pelos até 10 sites do plano, isso dá cerca de R$85 por site, com tudo licenciado e atualizado em conjunto. A gente vê no suporte que o lojista que tenta juntar essa stack sozinho gasta mais tempo e dinheiro do que com o bundle pronto. Conheça os planos da FULL e o que cada um ativa na loja.

Perguntas frequentes sobre fotos de produtos WooCommerce

Próximos passos para um catálogo visual que vende

Fotos de produtos WooCommerce bem feitas são tamanho certo, formato WebP e alt text descritivo trabalhando juntos: a imagem fica nítida, leve e encontrável ao mesmo tempo. O erro mais caro é subir arquivos enormes achando que resolução alta vende mais, quando o que vende é a página que carrega rápido e a foto que o Google entende. Comece fixando os tamanhos no Personalizador, ative a compressão WebP no upload e reserve tempo para o alt text de cada produto. Depois, valide o LCP no PageSpeed Insights e regenere as miniaturas. Para aprofundar a otimização de imagem da loja, o tutorial de otimizar imagens de produto no WooCommerce e o guia de Core Web Vitals no WordPress são o próximo passo. Para continuar aprendendo, o FULL Academy reúne os tutoriais de loja em um só lugar.