Por que comprimir imagens da sua loja virtual aumenta as vendas
Cada segundo a mais que sua página leva para carregar custa vendas. Estudos do Google mostram que quando o tempo de carregamento sobe de 1s para 3s, a probabilidade de o usuário desistir aumenta em 32%. E o maior vilão da velocidade em uma loja virtual quase sempre são as imagens de produto não otimizadas.
O problema das fotos direto da câmera
Uma foto tirada por celular moderno tem facilmente 4 a 8 MB. Multiplique isso por 10 produtos em uma página de categoria e você tem 50 MB de download só de imagens — uma eternidade para quem está no 4G.
O que comprimir muda na prática
- Velocidade: redução de 70% a 90% no tamanho dos arquivos.
- SEO: Core Web Vitals (LCP) melhoram, o Google ranqueia melhor.
- Conversão: menos abandono de carrinho por lentidão.
- Custos: menos banda consumida — importante em planos com limite.
- Mobile: 70% das compras no Brasil acontecem no celular.
Qual o tamanho ideal de uma foto de produto?
Para a maioria das lojas, mire em:
- Thumbnail (listagem): 200×200 px, abaixo de 30 KB.
- Foto principal: 800×800 ou 1000×1000 px, entre 80 e 200 KB.
- Zoom: 1500×1500 px, até 400 KB.
JPG, PNG ou WEBP?
Para fotos de produto com fundo, use JPG. Se o produto tem fundo transparente, PNG. Sempre que sua plataforma suportar, prefira WEBP — ele entrega a mesma qualidade do JPG com 25–35% menos peso.
Como otimizar em massa
Se você tem dezenas ou centenas de produtos, comprimir uma a uma é inviável. Use o TinyFoto para fazer o ajuste rápido das fotos novas, e considere ativar otimização automática no seu CMS (Shopify, WooCommerce e Nuvemshop têm plugins para isso).
Como isso aparece nos Core Web Vitals
O Google avalia três métricas que pesam no ranking: LCP (Largest Contentful Paint), CLS (Cumulative Layout Shift) e INP (Interaction to Next Paint). Imagens pesadas atacam justamente o LCP, porque a maior coisa visível "acima da dobra" de uma página de produto costuma ser a foto principal. Reduzir essa foto de 2 MB para 150 KB tipicamente derruba o LCP de 4-5s para menos de 2.5s — a marca que o Google considera "bom". Use o relatório do PageSpeed Insights para medir antes e depois.
Erros comuns de quem está começando
- Subir foto da câmera direto: 4-8 MB por imagem, lentidão garantida.
- Servir thumbnail no tamanho cheio: a foto chega com 1500×1500 e o navegador renderiza em 200×200 — desperdício total de banda.
- Esquecer do atributo
alt: além de acessibilidade, é sinal de SEO para o Google entender a imagem. - Não usar lazy loading: com
loading="lazy"nas<img>, fotos fora da tela só carregam quando o usuário rola até elas.
Perguntas frequentes
Comprimir piora a qualidade percebida pelo cliente? No nível Médio, não. A diferença visual entre 2 MB e 200 KB para uma foto de produto típica é quase imperceptível em tela.
O Google realmente penaliza site lento? Sim. Page Experience é fator de ranking desde 2021, e Core Web Vitals são parte explícita do algoritmo.
Vale a pena pagar por CDN de imagem? Para lojas com tráfego alto (acima de 50 mil visitas/mês), sim. Para lojas menores, comprimir bem antes de subir resolve 80% do problema.
WEBP funciona em todos os navegadores? Sim, desde 2020. O Safari foi o último a adicionar suporte. Sites que precisam atender navegadores antigos costumam servir JPG como fallback via <picture>.