Como Optimizar Imagens no WordPress (Guia Completo)
As imagens são tipicamente responsáveis por 50-80% do peso total de uma página web. Uma única foto de telemóvel não optimizada pode pesar 5-10 MB — mais que o resto da página inteira. Optimizar imagens é a forma mais rápida e eficaz de melhorar a velocidade do site, o SEO e a experiência do utilizador.
Neste artigo
Formatos de imagem
WebP: o formato recomendado para a web. 25-35% mais pequeno que JPEG com qualidade equivalente. Suportado por todos os browsers modernos. O WordPress 5.8+ suporta WebP nativamente.
JPEG: ideal para fotografias e imagens com muitas cores. Compressão com perdas — pode ajustar a qualidade (80-85% é geralmente o sweet spot).
PNG: ideal para gráficos, logos e imagens com transparência. Compressão sem perdas — ficheiros maiores que JPEG. Use apenas quando precisa de transparência ou para gráficos com texto e linhas definidas.
SVG: para ícones, logos e gráficos vectoriais. Escala para qualquer tamanho sem perda de qualidade. Ficheiros muito pequenos.
Redimensionar antes de carregar
Não carregue uma foto de 4000×3000 pixels se vai ser apresentada a 800×600. O WordPress cria automaticamente vários tamanhos (thumbnail, medium, large), mas o ficheiro original fica no servidor e ocupa espaço. Redimensione para o tamanho máximo em que vai ser apresentada — geralmente 1600-2000 pixels de largura é suficiente para ecrãs retina.
Compressão automática
ShortPixel: comprime automaticamente ao carregar, converte para WebP, compressão em massa de imagens existentes. 100 imagens/mês grátis. A nossa recomendação.
Imagify: interface simples, três níveis de compressão (Normal, Aggressive, Ultra). 20 MB/mês grátis.
Smush: compressão ilimitada na versão gratuita, mas limitada a 5 MB por imagem e sem WebP gratuito.
Lazy loading
O lazy loading carrega imagens apenas quando o utilizador faz scroll até elas. Reduz drasticamente o tempo de carregamento inicial. O WordPress 5.5+ inclui lazy loading nativo via atributo loading="lazy" em imagens. Para vídeos embeddeds e iframes, use um plugin como Lazy Load by WP Rocket.
Alt text e SEO
Cada imagem deve ter alt text descritivo — é lido por motores de pesquisa e leitores de ecrã. Descreva o conteúdo da imagem naturalmente e inclua a keyword quando relevante. Nomes de ficheiro descritivos (alojamento-web-portugal.webp) também ajudam.