Skip to content

Tudo para WordPress, desenvolvimento web — e não só

🖼 Otimização de imagens no WordPress: um guia completo

🖼 Otimização de imagens no WordPress: um guia completo

Carregou uma dúzia de fotos do telemóvel e o site começou a arrastar-se. A página demora seis segundos a abrir, o Google baixa o seu posicionamento e o seu alojamento envia avisos de disco. Parece-lhe familiar? De acordo com dados do HTTP Archive, em 2026 as imagens representam cerca de 45% do peso médio de uma página web. Para um site com uma biblioteca de multimédia de vários gigabytes, isto significa perdas diretas: abandonos, SEO de rastos, backups inchados. Pode resolver isto numa noite.

💡 Visão geral rápida:

  • Converta JPEG e PNG para WebP ou AVIF: o tamanho do ficheiro cai um quarto ou mais com a mesma qualidade visual.
  • Configure o redimensionamento automático com o Imsanity ou o Smush: os carregamentos gigantes do telemóvel passam a ser coisa do passado.
  • Ative o carregamento diferido: o WordPress faz isto de raiz desde a versão 5.5 com uma única caixa de seleção.
  • Instale um plugin de compressão (Smush, ShortPixel ou EWWW): irá comprimir a sua biblioteca de multimédia em massa e limpar ficheiros antigos.
  • Preencha o texto alternativo em cada imagem: os motores de busca só veem as imagens através dele.

Preparar imagens antes do carregamento

Exemplo de redimensionamento de uma imagem antes do carregamento

Carregar uma foto com 4000 píxeis de largura para um blogue com uma área de conteúdo de 750 píxeis é inútil. O WordPress criará cópias mais pequenas, mas a original permanece como peso morto. Antes de carregar, redimensione a imagem para 1200-1600 píxeis de largura para dar margem para ecrãs retina. Ferramentas: Paint integrado, Easy Resize online ou qualquer editor.

Comparação dos formatos de imagem JPEG e PNG

Regra de formato: fotografias levam JPEG, logótipos e capturas de ecrã com texto levam PNG. Desde a década de 2020, WebP (25-34% mais leve que JPEG, de acordo com dados da Google) e AVIF (até 50% mais leve) tornaram-se padrões da web. Pode converter através do Squoosh ou deixar um plugin tratar disso; praticamente todos os plugins listados abaixo podem gerar cópias WebP automaticamente.

Qualidade: reduzir um JPEG de 12 para 8 (escala do Photoshop) corta o tamanho do ficheiro para metade sem diferença visível. O padrão da web é 80-85%. O TinyPNG gratuito faz o mesmo ao arrastar um ficheiro para o seu navegador.

Nomes de ficheiros: não IMG_4827.jpg, mas how-to-compress-wordpress-images.jpg. Sem espaços, sem caracteres especiais, inclua uma palavra-chave. Os motores de busca consideram os nomes dos ficheiros na indexação de imagens.

Metadados após o carregamento

O ficheiro foi carregado, mas o seu trabalho não terminou. Texto alternativo: 4-8 palavras, descritivo, com uma palavra-chave. Não «foto1», mas «comparação entre formatos WebP e JPEG no WordPress». Título e descrição ajudam na biblioteca de media e contribuem para o SEO. O editor integrado do WordPress permite rodar, cortar e redimensionar logo após o carregamento.

Se mudou de tema ou registou novos tamanhos através de add_image_size(), o plugin Regenerate Thumbnails (um milhão de instalações) recria todos os tamanhos com um clique.

Interface do plugin Regenerate Thumbnails para processamento em massa

Plugins de compressão: comparação

A preparação manual funciona muito bem para novos carregamentos. Mas gigabytes de ficheiros já carregados exigem plugins: eles comprimem, convertem para WebP/AVIF e processam a sua biblioteca de media em massa.

Plugin

Grátis

WebP/AVIF

Lazy loading

CDN

Instalações

Smush

Sim, ilimitado

WebP+AVIF no Pro

Sim

Sim (Pro)

1M+

ShortPixel

100 créditos/mês

Sim

Sim

Sim

300K+

EWWW

Sim, ilimitado

WebP grátis, AVIF no Pro

Sim

Sim (Pro)

Ativo

TinyPNG

500 créditos/mês

Sim

Não

Não

Ativo

Imsanity

Sim

Não (só redimensiona)

Não

Não

200K+

Optimus

100 KB por ficheiro

WebP no HQ

Não

Não

30K+

Smush

Um milhão de instalações, classificação de 4,8. Versão gratuita: compressão sem perda de qualidade visível, redimensionamento automático, lazy loading, Directory Smush para pastas fora da biblioteca de media. Pro (6 $/mês): WebP, AVIF, CDN em 119 servidores, correção automática de largura/altura para eliminar CLS. Desvantagem: ficheiros com mais de 5 MB são ignorados na versão gratuita. 🔗 Smush no WP.org

ShortPixel

Interface do plugin ShortPixel para compressão de imagens

Mais de 300 mil instalações. Três modos de compressão (sem perdas, com perdas, glossy), texto alternativo gerado por IA em mais de 100 idiomas, modo em segundo plano sem manter um separador do navegador aberto. Comprime JPEG, PNG, GIF, WebP, AVIF e PDF. 100 créditos/mês grátis, Ilimitado a 9,99 $/mês. 🔗 ShortPixel no WP.org

EWWW Image Optimizer

O único plugin com compressão totalmente local (jpegtran, optipng, cwebp, ferramentas do seu servidor). Grátis: compressão ilimitada, WebP, lazy loading com redimensionamento automático, WP-CLI. Pro: AVIF, CDN, marcas de água, PDF. Desvantagem: a configuração é mais complexa do que a dos concorrentes. 🔗 EWWW no WP.org

TinyPNG

Plugin TinyPNG com logótipo panda para compressão de imagens

O mesmo panda do tinypng.com em formato de plugin. Comprime JPEG, PNG, WebP e converte para AVIF. 500 créditos/mês gratuitos, o que dá para cerca de 50 a 100 fotos, considerando os tamanhos do WordPress. A interface é extremamente simples e a compressão não tem perda visível. Ponto negativo: não tem CDN nem lazy loading. 🔗 TinyPNG no WP.org

Imsanity

Plugin Imsanity para redimensionamento automático de imagens

Mais de 200 mil instalações, classificação de 4,9. Não comprime, apenas redimensiona. Defina uma largura e altura máximas e todos os ficheiros carregados são automaticamente escalados. Autor: Shane Bishop (o mesmo programador por detrás do EWWW). Combinação perfeita: Imsanity para redimensionamento automático + EWWW para compressão. Totalmente gratuito. 🔗 Imsanity no WP.org

Optimus

Configurações do plugin Optimus para otimização de imagens

Mais de 30 mil instalações, da equipa do KeyCDN. Peso mínimo do plugin (0,19 MB), servidores na Alemanha com eliminação imediata do ficheiro após o processamento. A versão gratuita está limitada a 100 KB por ficheiro (essencialmente uma demonstração). A versão HQ remove os limites e adiciona WebP. 🔗 Optimus no WP.org

Lazy loading

Desde a versão 5.5, o WordPress adiciona loading="lazy" nativo a todas as imagens com largura e altura. Para a maioria dos sites, isto é suficiente. Se precisar de mais, aqui estão alguns plugins:

Plugin Lazy Load for Videos para carregamento diferido de vídeos

Lazy Load for Videos substitui os leitores do YouTube e Vimeo por uma miniatura clicável. O vídeo só carrega após o clique, para que o JavaScript não torne a página mais lenta.

Plugin BJ Lazy Load para carregamento diferido de conteúdo

BJ Lazy Load é um plugin leve para imagens, miniaturas, gravatars e iframes, com um placeholder transparente.

Plugin a3 Lazy Load para carregamento diferido de imagens

a3 Lazy Load é orientado para dispositivos móveis, com efeitos de aparição (fade, slide) e suporte para WooCommerce.

Plugin Rocket Lazy Load para carregamento diferido

Rocket Lazy Load da WP Media (a equipa por detrás do WP Rocket) substitui imagens e iframes por um placeholder. Não suporta vídeo, apenas imagens e frames.

Na prática, «lazy load nativo + um plugin de compressão com lazy loading integrado (Smush ou EWWW)» é suficiente. Instale um plugin separado apenas se as ferramentas padrão não forem suficientes.

Ferramentas avançadas

Efeito de slider antes e depois com o plugin Twenty Twenty

Twenty Twenty é um plugin gratuito de slider antes/depois. Sobrepoe duas imagens e oferece aos leitores um controlo deslizante para as comparar através do shortcode [twentytwenty]. Perfeito para estudos de caso de otimização. 🔗 Twenty Twenty no WP.org

Draw Attention cria hotspots interativos sobre qualquer imagem.

Plugin Draw Attention para criar imagens interativas

Passe o cursor para ver uma dica, clique para seguir um link. Versão gratuita: uma imagem interativa. Pro (preço no site do programador): imagens ilimitadas, lightboxes, 20 paletas de cores.

Criação de hotspots no plugin Draw Attention

Casos de uso: mapas interativos, diagramas, plantas, infográficos. 🔗 Draw Attention no WP.org

Tamanhos de imagem personalizados via código

Para registar tamanhos personalizados, adicione o seguinte ao functions.php:

1function custom_image_sizes() {
2 add_image_size( 'custom-medium', 480, 360, true );
3 add_image_size( 'custom-large', 1200, 900, true );
4}
5add_action( 'after_setup_theme', 'custom_image_sizes' );
6
7function show_custom_sizes( $sizes ) {
8 return array_merge( $sizes, array(
9 'custom-medium' => __( 'Средний (кастомный)', 'textdomain' ),
10 'custom-large' => __( 'Большой (кастомный)', 'textdomain' ),
11 ));
12}
13add_filter( 'image_size_names_choose', 'show_custom_sizes' );
Interface do plugin Regenerate Thumbnails para processamento em massa

Depois de inserir o código, os novos tamanhos aparecerão no menu suspenso ao inserir uma imagem. Para ficheiros existentes, execute o Regenerate Thumbnails.

⁉️🤔 Perguntas frequentes

Qual é o melhor plugin de compressão para principiantes?

Smush: instalar, ativar, esquecer. A versão gratuita comprime automaticamente ao carregar e oferece otimização em massa com um clique. WebP e AVIF estão na versão Pro, mas as funcionalidades básicas são suficientes para começar.

Qual é a diferença entre WebP e AVIF e qual devo escolher?

WebP: poupança em relação a JPEG (consulte os dados do Google na secção de formatos), suportado em todos os navegadores. AVIF: até 50% mais leve que JPEG, suporte no Safari desde 2023. Conselho: WebP como padrão seguro, AVIF para a máxima poupança de largura de banda.

O WordPress já comprime JPEGs ao carregar, porquê usar um plugin?

A compressão integrada do WordPress usa um algoritmo básico com um nível de qualidade fixo. Os plugins (Smush, ShortPixel, EWWW) usam algoritmos avançados e conseguem poupanças adicionais com a mesma qualidade visual. Além disso, fazem a conversão para WebP/AVIF, algo que o núcleo não faz.

Preciso de lazy loading se o meu site estiver num alojamento rápido?

O lazy loading não poupa tempo de servidor, mas sim largura de banda do visitante e velocidade de renderização do primeiro ecrã. O loading="lazy" nativo no WordPress 5.5+ já está ativo e não requer configuração.

Como verifico o quanto as imagens estão a tornar o meu site mais lento?

O GTmetrix mostra ficheiros específicos com recomendações de compressão. O PageSpeed Insights da Google fornece uma análise detalhada: «Sirva imagens em formatos de nova geração», «Dimensione corretamente as imagens», «Codifique imagens de forma eficiente». Ambos são gratuitos.

Resumo: qual o plugin a escolher

Manter as imagens em ordem não é uma limpeza pontual, mas sim uma configuração que funciona durante anos. Dedique uma noite à instalação e o plugin faz tudo automaticamente a partir daí.

  • Blogue novo, mínima complicação: Smush Free. Compressão ao carregar, otimização em massa, lazy loading num só plugin.
  • Loja WooCommerce: ShortPixel. A IA gera texto alternativo para centenas de produtos, modo em segundo plano sem manter um separador aberto.
  • Auto-hospedado, controlo total: EWWW. Compressão local sem APIs externas, volume ilimitado.
  • Poupança máxima: TinyPNG + Imsanity. Esta combinação trata tanto de carregamentos gigantescos como de JPEGs pesados.
  • Fotógrafo/portefólio: EWWW ou ShortPixel em modo sem perdas. A qualidade é preservada, os metadados são limpos.

Comece com o Smush gratuito: ele vai mostrar-lhe quanto espaço já está a desperdiçar. Qual foi o plugin que escolheu? Partilhe nos comentários.