Otimização de anúncios
Como comprimir fotos de produto sem perder qualidade
· 4 min read
Redimensione a foto do produto para as dimensões em pixels em que ela realmente aparece e exporte em WebP ou AVIF, que costumam ficar de 25 a 50 por cento menores que um JPEG com a mesma qualidade visual. Mire em cerca de 100 a 300KB por imagem, conforme o papel dela na página. O critério Largest Contentful Paint do Google considera lenta uma página acima de 2,5 segundos, e uma foto principal grande demais costuma ser o único recurso responsável por estourar esse limite.
Faça isso com o RorlAIProduct: Clean studio backdrop for anything boxed or bottled.Por que o tamanho do arquivo é um problema de conversão, e não só de carregamento
O Largest Contentful Paint mede quanto tempo o maior elemento visível da página leva para ser exibido por completo. Pelos limites do próprio Google, menos de 2,5 segundos é bom, de 2,5 a 4 segundos precisa melhorar e acima de 4 segundos é ruim. Em uma página de produto, o maior elemento visível quase sempre é a foto principal. Ou seja, um único arquivo de imagem grande demais pode decidir sozinho se a sua página passa ou não no critério, por mais rápido que o resto carregue.
Isso não é um exercício abstrato de pontuação. Uma foto principal que carrega devagar é a primeira coisa que o comprador sente no seu anúncio, antes de ler uma palavra da descrição ou ver o preço.
Um orçamento de tamanho realista
| Função da imagem | Meta razoável |
|---|---|
| Foto principal, com zoom | 150 a 300KB |
| Imagem secundária da galeria ou miniatura | 60 a 120KB |
| Foto principal no celular, no topo da página | abaixo de cerca de 150 a 200KB |
São metas de trabalho reunidas de orientações atuais de otimização de imagens, e não uma especificação oficial de uma plataforma, e variam um pouco conforme a complexidade da imagem. Um produto simples em fundo branco comprime mais do que uma cena cheia de detalhes antes de a perda de qualidade ficar visível. Por isso, trate a tabela como um teto, e não como uma regra a ser cumprida à risca.
A ordem de passos que realmente economiza bytes
- 1Redimensione antes de comprimirUma câmera ou uma ferramenta de geração costuma exportar com 3000 a 4000 pixels de largura. Se a foto aparece em um espaço de 1200 pixels na sua página, redimensione primeiro para mais ou menos essa largura. Comprimir uma imagem grande demais continua entregando uma imagem grande demais, só um pouco menor.
- 2Exporte em WebP onde a sua plataforma aceitarO WebP costuma ficar de 25 a 35 por cento menor que um JPEG com a mesma qualidade visual, e o AVIF pode ir ainda além. A maioria das plataformas de e-commerce e dos navegadores atuais aceita WebP; veja se a sua entrega isso automaticamente ou se o arquivo precisa ser enviado direto nesse formato.
- 3Ajuste a qualidade do JPEG entre 70 e 85 quando o WebP não for possívelAs configurações de exportação padrão dos programas de edição costumam ser altas sem necessidade. Uma qualidade nessa faixa é visualmente indistinguível do original na maioria das fotos de produto e bem menor que uma exportação a 100 por cento.
- 4Remova os metadados incorporadosConfigurações da câmera, perfis de cor além do que a página precisa e dados de GPS que alguns celulares incorporam adicionam peso que o comprador nunca vê. A maioria das ferramentas de compressão remove isso por padrão; confirme que a sua faz o mesmo.
A distinção que mais importa:
- A compressão sem perda mantém cada pixel exatamente como foi capturado e quase não reduz uma fotografia. Serve para gráficos de cor chapada e bordas nítidas, não para fotografia
- A compressão com perda descarta dados que o olho humano mal percebe, e é onde está a economia real em uma foto
- Um codificador moderno bem configurado fica muito abaixo do ponto em que o comprador percebe a diferença, bem antes de chegar ao ponto em que você perceberia
Onde entra uma foto gerada ou editada
Uma foto produzida por qualquer ferramenta de edição ou geração precisa da mesma etapa de redimensionamento e compressão de uma foto direto da câmera. Essas ferramentas costumam exportar em resolução total por padrão, e uma exportação em resolução total tem o mesmo problema de peso, venham os pixels de um sensor ou de um modelo. Trate-a como um arquivo bruto esperando o mesmo orçamento, e não como um ativo pronto.
Common questions
- Comprimir minhas fotos de produto vai deixá-las com aparência pior?
- Não, com uma configuração razoável. A compressão com perda nas faixas descritas aqui é ajustada para descartar detalhes que o olho humano não registra, então uma foto bem comprimida parece idêntica no tamanho normal de visualização e carrega em uma fração do tempo.
- Devo usar WebP ou continuar com JPEG?
- Use WebP se a plataforma da sua loja aceitar, já que ele costuma ser de 25 a 35 por cento menor que o JPEG com a mesma qualidade. Volte para um JPEG bem ajustado só se a sua plataforma ou o seu tema não entregar WebP automaticamente.
- Preciso de tamanhos de imagem diferentes para celular e computador?
- Idealmente sim. Quem compra pelo celular vê a foto em um espaço bem menor que quem compra pelo computador, então entregar um arquivo menor no celular economiza tempo de carregamento de verdade, sem perda visível de qualidade naquela tela.
- O tamanho do arquivo de imagem afeta mesmo as vendas ou só uma nota de velocidade?
- Velocidade da página e conversão estão tão ligadas que a maioria das plataformas de e-commerce já trata isso como fator de ranqueamento e de conversão, e não só como um teste de laboratório. Uma imagem principal que sozinha empurra a página além do limite de 2,5 segundos do Largest Contentful Paint é uma lentidão real e mensurável que o comprador sente, e não uma nota abstrata.