Imagens de produto para uma loja rápida

Lojas Online··· 325 visualizações· 3 min de leitura

Numa loja online, as fotografias são o que vende e também o que mais pesa. Uma página de produto com imagens grandes demais abre devagar, e o cliente que espera vai embora. A regra é simples: enviar a imagem já no tamanho que vai ser vista, no formato certo e com um nome que diga o que é.

Antes de enviar

1 Redimensione. Uma fotografia diretamente da máquina ou do celular tem muito mais pixels do que a tela mostra. Veja nas configurações do tema o tamanho em que as imagens de produto aparecem, e prepare-as um pouco acima dele.
2 Escolha o formato. JPEG para fotografias, PNG só quando precisa de fundo transparente, WebP quando o tema e os navegadores o aceitam. Veja a otimização de imagens e o WebP.
3 Comprima. Uma ferramenta de compressão, antes de enviar ou através de um plugin, tira peso sem se notar à vista.
4 Dê um nome ao arquivo. sandalia-couro-castanha.jpg diz mais ao Google do que IMG_4821.jpg. Letras minúsculas, sem acentos, com hífenes.
5 Mantenha a mesma proporção em todos os produtos, por exemplo quadrada. Uma loja com imagens de formas diferentes salta na página e parece desleixada.

Depois de enviar

O quê Por quê
Texto alternativo em cada imagem Descreve a imagem a quem não a vê (leitores de tela, conexões lentas) e ajuda os mecanismos de busca a percebê-la. Escreva o que se vê, sem encher de palavras.
A imagem principal primeiro É a que aparece na lista e nos compartilhamentos, e a primeira a carregar. Dê-lhe mais cuidado do que às outras.
Carregamento adiado das restantes O WordPress já adia por padrão as imagens que ficam mais abaixo na página. Confirme que nenhum plugin o desfaz.
Regenerar tamanhos se mudar o tema O WordPress cria vários tamanhos de cada imagem. Se muda o tema, os tamanhos antigos já não servem: um plugin de regeneração cria os novos.

Quanto à galeria do produto, poucas fotografias bem escolhidas (de frente, de lado, em uso, um detalhe) vendem mais do que vinte parecidas. Cada fotografia a mais é mais um arquivo a carregar, e mais um para guardar na conta.

Cada imagem enviada vira várias. O WordPress guarda o original e cria cópias em vários tamanhos. Uma loja com milhares de produtos gera dezenas de milhares de arquivos, e as contas têm um limite de arquivos (inodes) além do de espaço. Veja inodes, processos e memória e apague as imagens que já não usa.
Meça no fim. Abra a página de um produto e veja se a imagem principal é a primeira coisa a aparecer, e se o resto da página se mexe enquanto carrega. Este é um dos pontos que o Google mede: veja os Core Web Vitals em palavras simples. O plugin de cache também trata das imagens: LiteSpeed Cache: as primeiras configurações.

A loja ficou lenta depois de enviar muitas imagens, ou o espaço está acabando? Diga-nos o endereço e vemos o que consome.

Abrir um pedido de suporte

VEJA TAMBÉM

Hospedagem para WordPress

Planos de hospedagem

Política de Suporte

PRODUTO RECOMENDADO

Hospedagem de sites com cPanel

Domínio e SSL incluídos, cópias diárias e o painel que já conhece. desde $6.60/mês (plano de 3 anos, com cupom)

Ver planos
Esta resposta foi útil? Sua resposta nos ajuda a melhorar este artigo.