Como comprimir imagens para WordPress

Imagens pesadas no site: quanto pesa o que você envia

Uma foto recém-tirada com um celular atual costuma ter entre 3 e 5 MB. Ela tem 12 megapixels ou mais, algo como 4000 × 3000 pixels, porque foi pensada para ser recortada, ampliada ou impressa. Num post ou numa página de produto, essa mesma imagem aparece numa coluna que raramente passa de 800 a 1600 pixels de largura. Todo o resto é peso que o visitante baixa e nunca vê.

Na prática, para uma página da web você não precisa nem de um décimo desse arquivo. Uma imagem de destaque bem preparada, com 1600 pixels de lado, costuma ficar na casa de algumas centenas de KB; uma foto no meio do texto, com 800 a 1200 pixels, pode ficar bem abaixo disso. Quando uma página tem dez fotos de 4 MB, são 40 MB para carregar, e no 4G de um celular isso significa vários segundos de tela em branco ou de imagens aparecendo aos pedaços.

O WordPress gera tamanhos menores automaticamente quando você envia uma imagem, mas o arquivo original continua guardado na biblioteca de mídia, ocupa espaço na hospedagem e, dependendo do tema, é ele que acaba sendo usado no bloco de capa, na galeria ou no link “ver em tamanho real”. Por isso o caminho mais seguro é enviar a imagem já no tamanho e no peso certos, em vez de confiar que alguém vai resolver depois.

Uma regra simples para saber quanto deve pesar uma imagem no site:

• Imagem de destaque ou banner de largura total: 1600 a 1920 pixels de largura.
• Foto dentro do texto do post: 800 a 1200 pixels.
• Miniaturas, logos de parceiros, ícones: 300 a 600 pixels.
• Fotos de produto com zoom: o lado que o tema usa no zoom, normalmente entre 1200 e 2000 pixels.

Se a sua imagem já é pequena demais para o espaço (uma foto antiga, um logo de baixa resolução), o problema é o oposto: aí faz sentido aumentar a resolução da imagem antes de publicar, para ela não aparecer borrada numa tela grande.

Como otimizar imagens para web: as três alavancas, em ordem de efeito

Para otimizar imagens para web existem basicamente três ajustes. Eles não têm o mesmo peso, e a ordem importa.

1. Reduzir o lado maior. É o ajuste que mais diminui o arquivo e o que menos se nota na tela. O peso cresce com a área: se você passa de 4000 para 2000 pixels de largura, a imagem fica com um quarto dos pixels. Passando para 1600, sobra cerca de um sexto. Como o navegador vai mostrar a foto em 800 ou 1200 pixels de qualquer jeito, ninguém percebe a diferença.
2. Escolher o formato. O mesmo conteúdo pode ocupar bem menos espaço em WebP ou AVIF do que em JPEG, e muito menos do que em PNG quando se trata de uma fotografia. Trocar de formato não muda o tamanho em pixels, só a forma de guardar a informação.
3. Baixar a qualidade. É a última alavanca, e a que mais exige cuidado. Entre 75 e 85 de qualidade, uma foto continua limpa na tela; abaixo de 60 começam a aparecer blocos em céus, degradês e peles. Ajuste olhando o resultado, não só o número.

O erro mais comum é fazer o contrário: manter os 4000 pixels e esmagar a qualidade até o arquivo caber num limite. O resultado é uma imagem grande e feia ao mesmo tempo. Primeiro reduza o lado, depois escolha o formato, e só então mexa na qualidade se ainda precisar.

Uma forma prática de decidir é pensar no destino. Para um post de blog, 1200 pixels em WebP com qualidade perto de 80 resolve quase tudo. Para uma capa de largura total, 1920 pixels. Para uma loja virtual, siga a recomendação do próprio tema ou da plataforma onde o produto também é anunciado, como Amazon ou Mercado Livre, que costumam pedir lados entre 1000 e 2000 pixels. Se quiser se aprofundar em cada parâmetro, o guia como comprimir imagens para web sem perder qualidade detalha cada um deles.

Qual formato enviar para o WordPress: JPEG, WebP, AVIF ou PNG

Não existe um formato melhor para tudo. Cada um tem o seu lugar:

• JPEG: compatível com qualquer navegador, programa de e-mail, rede social ou sistema antigo. Use quando a imagem vai circular fora do site ou quando você não tem certeza de onde ela vai parar. Para fotografia, é seguro e previsível.
• WebP: o equilíbrio para a web. Funciona em todos os navegadores atuais, o WordPress aceita há várias versões, e para a mesma aparência gera arquivos visivelmente menores que o JPEG. Também aceita transparência. É a escolha padrão para fotos de posts e páginas.
• AVIF: quando o peso é o que mais importa. Costuma comprimir ainda mais que o WebP, principalmente em fotos com áreas lisas. As versões recentes do WordPress aceitam o envio, mas confira se o seu tema, a sua hospedagem e os plugins que você usa lidam bem com ele antes de converter a biblioteca inteira.
• PNG: só quando a imagem precisa de transparência e você quer máxima compatibilidade, como um logo sobre fundo colorido ou um produto recortado. Para uma fotografia comum, um PNG pode ser várias vezes maior que o mesmo conteúdo em JPEG ou WebP, sem ganho visível.

Um caso comum: você recortou um produto para colocar sobre o fundo do site. Depois de remover o fundo de uma foto, salve em WebP com transparência em vez de PNG; o recorte continua igual e o arquivo fica bem mais leve. Se o fundo vai ser branco de qualquer forma, nem precisa de transparência: um JPEG ou WebP com fundo branco resolve.

E as fotos que saem do iPhone em HEIC? O WordPress e boa parte dos navegadores não as exibem. Converta antes de enviar; o artigo sobre converter HEIC para JPG sem perder qualidade explica o processo, e a mesma ferramenta já faz a conversão para WebP ou AVIF se você preferir.

Metadados: o que vai escondido nas fotos do celular

Além dos pixels, cada foto do celular carrega um bloco de informações chamado EXIF. Ali ficam a data e a hora exatas em que a foto foi tirada, o modelo do aparelho, a lente, a exposição, às vezes o nome do software de edição e, se a localização estava ligada na câmera, as coordenadas GPS do lugar. Em uma foto tirada em casa, isso pode significar publicar o seu endereço sem perceber.

Remover os metadados tem duas vantagens:

• Privacidade: ninguém baixa a imagem do seu site e descobre onde ela foi feita ou com qual aparelho.
• Peso: o EXIF, somado às miniaturas internas que algumas câmeras guardam no próprio arquivo, ocupa espaço que não serve para nada numa página. Em imagens pequenas, a diferença proporcional é maior.

Mas há uma informação que vale a pena manter: o perfil de cor ICC. Ele diz ao navegador em qual espaço de cor a foto foi gravada. Muitos celulares atuais fotografam em Display P3, um espaço mais amplo que o sRGB padrão. Se o perfil for apagado, o navegador interpreta as cores como se fossem sRGB e a foto pode aparecer mais apagada ou com tons diferentes, principalmente em vermelhos e verdes intensos. Por isso, o ideal é tirar tudo o que é dado pessoal ou técnico e deixar só o perfil de cor.

Outro detalhe: a orientação. Muitas fotos de celular são gravadas “deitadas” e só uma etiqueta nos metadados diz que elas devem ser giradas. Se você apaga essa etiqueta sem girar os pixels, a foto aparece de lado no site. Uma boa ferramenta aplica a rotação antes de limpar os metadados.

Passo a passo: comprimir imagens no Airpic

A ferramenta comprimir imagens do Airpic reúne os ajustes acima numa tela só. Ela roda em CPU e leva poucos segundos por imagem. E é gratuita de verdade: processar e baixar não gastam créditos, não pedem cadastro nem assinatura. Aceita JPG, PNG (com transparência e 16 bits), WebP, TIFF, HEIC e AVIF, aplica a orientação EXIF e mantém o perfil ICC.

1. Envie a imagem. Arraste o arquivo, escolha pelo seletor ou cole com Ctrl+V. A miniatura mostra o tamanho em pixels e o peso original.
2. Defina o lado máximo. Use o valor do espaço onde a foto vai aparecer: 1200 para o meio de um post, 1600 a 1920 para uma capa de largura total. É o ajuste que mais reduz o arquivo.
3. Escolha o formato. WebP para a maioria das fotos do site, AVIF se o peso é prioridade e o seu tema aceita, JPEG se a imagem também vai para e-mail ou redes, PNG só para transparência com compatibilidade total.
4. Ajuste a qualidade ou o tamanho-alvo. Mova o controle de qualidade (entre 75 e 85 costuma ser um bom ponto de partida) ou digite um tamanho-alvo em KB, e a ferramenta procura a qualidade que cabe nesse limite.
5. Remova os metadados. Marque a opção para tirar data, aparelho e localização; o perfil de cor ICC é mantido para as cores não mudarem.
6. Compare e baixe. O comparador mostra o antes e o depois; use “Ver em 100 %” para conferir os detalhes. Se gostou, baixe e envie direto para a biblioteca de mídia do WordPress.

Os arquivos são apagados 1 hora depois do download, no máximo em 1 dia, e nunca são usados para treinar modelos. Quando terminar de preparar as fotos do site, abra a ferramenta e comprima suas imagens para WordPress antes de cada novo post.

FAQ

Continuar a ler