Otimização de imagens e carregamento.

Para quem é

• Lojas virtuais com fotos de produto enviadas direto da câmera, em arquivos enormes
• Sites institucionais com banners e galerias que demoram a aparecer no celular
• Blogs com muitas imagens antigas, sem texto alternativo e sem dimensões definidas

O que você recebe

• 1.Compressão e conversão de até vinte imagens para formatos modernos, quando o site suporta
• 2.Dimensionamento correto de cada imagem para o espaço em que aparece
• 3.Ajuste do carregamento: tardio nas imagens abaixo da dobra e prioritário na imagem principal
• 4.Atributos de largura e altura definidos, para evitar saltos de layout
• 5.Relatório com o peso antes e depois de cada imagem tratada e orientação para os próximos uploads

Como funciona, passo a passo

Em muitos sites, imagens respondem pela maior parte do peso de cada página. Uma foto de vários megabytes exibida num espaço pequeno consome dados do visitante e atrasa o conteúdo principal. Tratar as imagens certas, do jeito certo, costuma ser uma das correções mais simples e visíveis.

1. 1.Levantamento por peso. Listamos as imagens de maior peso nas páginas relevantes e escolhemos até vinte que concentrem o ganho, em vez de escolher pela ordem em que aparecem.
2. 2.Dimensões reais de exibição. Comparamos o tamanho do arquivo com o espaço onde ele é mostrado e redimensionamos, incluindo versões para telas menores quando o tema permite.
3. 3.Compressão e formato. Aplicamos compressão com conferência visual e convertemos para formatos modernos, mantendo o original guardado caso seja preciso refazer.
4. 4.Estratégia de carregamento. Definimos qual imagem tem prioridade e quais carregam sob demanda, além de fixar largura e altura para reservar o espaço na página.
5. 5.Conferência e orientação. Verificamos as páginas depois da troca, registramos o peso antes e depois e deixamos um guia curto para você subir novas imagens já otimizadas.

Erros comuns que este serviço evita

• Enviar a foto direto do celular ou da câmera, sem reduzir dimensões
• Aplicar carregamento tardio em todas as imagens, inclusive na principal da página
• Esquecer de definir largura e altura, o que faz o conteúdo pular enquanto carrega
• Comprimir demais um logotipo ou uma foto de produto e perder nitidez nos detalhes

Sinais de que você precisa

• O PageSpeed sugere reduzir o tamanho das imagens e usar formatos modernos
• A galeria ou o banner do topo demora a aparecer em conexão móvel
• O tamanho total de uma página passa de vários megabytes por causa de fotos
• Sua biblioteca de mídia tem imagens enormes enviadas sem nenhum tratamento

Escopo de exemplo

Comprimir e ajustar até vinte imagens e seu carregamento. O escopo final é combinado no atendimento.

O que preciso de você

• Arquivos originais das imagens, ou acesso à biblioteca de mídia do CMS
• Lista ou indicação das páginas mais importantes onde as imagens aparecem
• Acesso ao painel do site para aplicar os ajustes de carregamento

O que não está incluído

Não inclui produção de fotos, edição criativa nem o tratamento de todas as imagens do site além das vinte combinadas. Se o tema ou o plugin limitar certos formatos, indicamos a alternativa possível.