Tamanho de imagens no WordPress: guia dos padrões

O que são os tamanhos de imagem padrão do WordPress

Tamanho de imagens no WordPress é o conjunto de dimensões pré-definidas (thumbnail, medium, medium_large, large e full) que o core gera automaticamente a cada upload, criando múltiplas versões do mesmo arquivo para servir a imagem certa em cada contexto de exibição. Esse comportamento é controlado em Configurações > Mídia e pode ser estendido via add_image_size() no functions.php do tema.

Se você coordena um time editorial, conhece a cena: vários redatores publicando, cada um subindo imagem do jeito que pegou. Uma vem com 4000 px de largura, outra com 800 px, e o layout começa a quebrar. O resultado é um site mais pesado, com Largest Contentful Paint degradado e backups inflados. Entender o que o WordPress faz por padrão com cada upload é o primeiro passo antes de pedir qualquer customização para a TI.

A boa notícia é que esse mecanismo não foi feito para complicar. Ele existe para que o navegador receba o tamanho de imagem correto em cada tela, sem servir um arquivo de 2 MB onde caberia um de 40 KB. O problema aparece quando ninguém gerencia esse comportamento em escala.

Por que o WordPress gera múltiplas versões da mesma imagem?

Quando você sobe uma imagem para a biblioteca de mídia, o core dispara a função wp_generate_attachment_metadata() e recorta o arquivo original em várias dimensões. O objetivo é entregar a versão mais leve possível para cada contexto: uma miniatura em listagem, uma imagem média dentro do post, uma versão grande em telas widescreen.

Esse recorte alimenta diretamente o atributo srcset do HTML. É ele que diz ao navegador qual arquivo baixar conforme a largura da tela e a densidade de pixels do dispositivo. Você pode conferir como esse mecanismo funciona na geração de srcset no WordPress, dentro do Developer Resources oficial.

Por que isso importa para performance? Porque a imagem destacada de um post quase sempre é o elemento que define o LCP da página. Servir um arquivo do tamanho errado significa atrasar a renderização do conteúdo principal. Segundo o guia do web.dev sobre otimização de LCP, dimensionar corretamente as imagens é uma das ações de maior impacto para melhorar essa métrica dos Core Web Vitals.

Quais são as dimensões exatas dos tamanhos padrão?

O WordPress registra cinco tamanhos de imagem por padrão. Três deles aparecem em Configurações > Mídia, um fica oculto do painel (o medium_large) e o último é o arquivo original. A tabela abaixo resume as dimensões de imagem e o uso típico de cada um.

Repare na diferença entre hard crop e soft crop. A miniatura usa corte forçado: ela sempre sai em 150 × 150 px exatos, recortando a imagem para preencher o quadrado. Os tamanhos medium e large fazem soft crop, ou seja, redimensionam mantendo a proporção até caber no limite indicado. Por isso uma imagem retangular gera um medium de 300 × 200 px, e não de 300 × 300 px.

Como alterar os tamanhos padrão em Configurações > Mídia?

O painel é o caminho mais simples para ajustar três dos tamanhos de imagem padrão do WordPress sem tocar em código. O passo a passo:

1. No painel administrativo, acesse Configurações > Mídia.
2. Defina a largura e altura do tamanho miniatura. Marque ou desmarque a opção de recortar a miniatura para o tamanho exato, que controla o hard crop.
3. Ajuste a largura e altura máximas dos tamanhos médio e grande conforme a largura útil do seu tema.
4. Salve as alterações.

Vale a ressalva: alterar esses valores não modifica as imagens já enviadas. As novas dimensões só valem para uploads futuros, a menos que você regenere a biblioteca. Para entender cada campo dessa tela, consulte a documentação oficial de Configurações de Mídia.

Como criar tamanhos personalizados via código?

Quando o tema ou um plugin precisa de uma dimensão específica que o painel não oferece, o caminho é registrar um tamanho via código. A função add_image_size() faz exatamente isso. Adicione o trecho abaixo ao functions.php do seu tema (de preferência em um child theme, para não perder a alteração na próxima atualização):

add_action('after_setup_theme', function () {
  add_image_size('apiki-hero', 1600, 900, true);
});

Nesse exemplo, criamos um tamanho chamado apiki-hero com 1600 × 900 px e o último parâmetro true, que ativa o hard crop. Esse parâmetro crop aceita três valores: false mantém a proporção (soft crop), true força o recorte centralizado, e um array como array('left', 'top') define o ponto de ancoragem do corte. Os detalhes completos estão na função add_image_size() no Developer Resources.

Para exibir esse tamanho no tema, basta chamar the_post_thumbnail('apiki-hero') dentro do loop. Se você quiser apenas redefinir a dimensão da imagem destacada padrão, a função set_post_thumbnail_size() resolve sem precisar criar um novo slug.

Quando o excesso de tamanhos vira problema de performance?

Aqui está o contraste que poucos gestores percebem. Cada tamanho registrado significa um arquivo novo gerado a cada upload. Em um site com tema pesado e vários plugins, não é raro o core produzir de 8 a 12 versões de uma única imagem.

Em um portal editorial com mais de 10 mil imagens, isso se traduz em consumo expressivo de storage, uploads mais lentos e backups muito maiores. Na nossa experiência com clientes enterprise de alto volume editorial, boa parte do peso da pasta de uploads vem de tamanhos de imagem que nenhum template do site chega a usar.

Como auditar e limpar isso:

• Use o comando WP-CLI wp media regenerate para recriar as miniaturas depois de alterar ou remover tamanhos, garantindo que a biblioteca reflita a configuração atual.
• Desregistre tamanhos não usados com o filtro intermediate_image_sizes_advanced, removendo do array as dimensões que nenhum tema ou plugin consome.
• Mapeie quais tamanhos o tema realmente chama antes de apagar qualquer coisa, para não quebrar layout em listagens e blocos.

Dimensão de imagem deixou de ser detalhe estético. É decisão de engenharia que impacta diretamente o LCP, o peso da página e a velocidade de publicação do seu time.

Perguntas frequentes sobre tamanho de imagens no WordPress

Qual o tamanho ideal de imagem para WordPress?

Não existe um número único, porque o ideal depende da largura útil do seu tema. Como regra prática, suba imagens de destaque com no máximo 1600 px a 2000 px de largura e otimize o arquivo antes do upload. Acima disso, você apenas aumenta o peso sem ganho visual perceptível, já que o WordPress vai redimensionar para o tamanho de imagem correto via srcset.

Como o WordPress decide qual tamanho exibir no front-end?

O core monta o atributo srcset com as versões disponíveis e deixa o navegador escolher o arquivo mais adequado à largura da tela e à densidade de pixels do dispositivo. Em um celular, o navegador costuma baixar o medium ou medium_large; em um monitor widescreen, ele pega o large ou full.

Posso desativar a geração automática de tamanhos?

Sim, mas com cautela. Você pode remover tamanhos específicos com o filtro intermediate_image_sizes_advanced no functions.php. Desativar tudo costuma quebrar a responsividade e o srcset, então o recomendado é remover apenas as dimensões que nenhum template do site utiliza.

O que é o tamanho medium_large e por que ele existe?

O medium_large é um tamanho de 768 px de largura sem limite de altura, introduzido para alimentar o srcset em telas intermediárias. Ele não aparece em Configurações > Mídia, o que confunde muita gente, mas é gerado em todo upload e cumpre papel importante na responsividade.

Como regenerar imagens depois de alterar os tamanhos?

O caminho mais confiável é o WP-CLI com wp media regenerate, que reprocessa toda a biblioteca. Sem acesso a linha de comando, plugins de regeneração de miniaturas fazem o mesmo trabalho pelo painel, embora sejam mais lentos em bibliotecas grandes.

Tamanhos de imagem afetam o LCP e os Core Web Vitals?

Diretamente. A imagem destacada é, com frequência, o elemento de maior LCP da página. Servir um arquivo dimensionado corretamente em vez do original é uma das otimizações de maior retorno para os Core Web Vitals, conforme aponta o guia do web.dev sobre LCP.

WebP e AVIF mudam essa lógica?

O mecanismo de tamanhos continua o mesmo: o WordPress segue gerando as variações de dimensão. O que muda é o formato de cada arquivo. Servir essas versões em WebP ou AVIF reduz bastante o peso sem alterar as dimensões, somando ganho de performance ao trabalho de dimensionamento.

Conclusão

Os tamanhos de imagem padrão do WordPress existem para servir o arquivo certo em cada contexto e proteger a performance do site. Conhecer as dimensões exatas, ajustar Configurações > Mídia e estender com add_image_size() são habilidades básicas para qualquer gestor de conteúdo que trabalha com WordPress em escala.

O ponto que separa um site rápido de um site pesado é o gerenciamento contínuo: regenerar imagens após mudanças, desregistrar tamanhos não usados e monitorar o impacto no LCP. Em portais com alto volume editorial, esse trabalho não pode depender de improviso entre uma campanha e outra.

Se o seu time publica em volume e você não quer que a gestão de mídia vire gargalo de performance, conte com o nosso WP Care. Cuidamos da otimização de imagens, da saúde dos Core Web Vitals e da estabilidade do seu WordPress de forma contínua, para que a TI deixe de ser o freio das suas campanhas.