Ir para o conteúdo

Otimização de imagens do WordPress no Windows

Otimize imagens do WordPress no Windows antes do upload: redimensione conforme o tema, escolha JPEG, PNG ou WebP, preserve a entrega responsiva e verifique a página ao vivo.

O WordPress pode gerar vários tamanhos de imagem, mas não consegue recuperar uma escolha de fonte ruim. Fazer upload de uma foto PNG de 6000 pixels cria trabalho desnecessário e deixa um original de tamanho completo pesado na biblioteca. Uma boa otimização de imagens do WordPress começa alinhando a fonte ao tema e termina verificando o que o navegador realmente baixa.

Meça o tema antes de redimensionar

Abra um post representativo no Edge e inspecione a imagem em destaque e a coluna de conteúdo. Registre a largura renderizada nos pontos de quebra de desktop e mobile. Verifique também os cartões de arquivo, pois a mesma imagem em destaque pode aparecer em um cabeçalho de artigo largo e em uma grade de listagem estreita.

Não adote uma regra universal de 1920 pixels sem medir. Uma publicação com uma coluna de conteúdo de 760 pixels precisa de candidatos diferentes de um tema de fotografia em largura total.

Prepare a fonte no Windows

Para uma única imagem, redimensione uma cópia no Paint. Para uma série de fotos ou migração, use o PowerToys Image Resizer no Explorador de Arquivos.

Uma estrutura de pastas prática é:

article-name\originals\
article-name\wordpress-upload\

Mantenha os arquivos da câmera e os masters de design em originals. Coloque apenas as cópias de entrega revisadas em wordpress-upload. Use nomes de arquivos descritivos como oak-desk-cable-management.jpg, não IMG_4821-final2.jpg.

Antes do upload, remova os metadados de localização quando não devem ser públicos. Verifique as capturas de tela em busca de nomes de clientes, abas do navegador, URLs internas e conteúdo de notificações.

Entenda o que o WordPress gera

O WordPress suporta imagens responsivas desde a versão 4.4, adicionando srcset e sizes ao markup gerado. Sua documentação de imagens responsivas explica que o WordPress cria tamanhos intermediários e permite que o navegador escolha um candidato.

Esse sistema depende do tema e do tamanho selecionado no editor. Inserir o tamanho Tamanho completo ainda pode fazer com que o navegador baixe uma fonte maior que o necessário. Blocos personalizados e CSS de background-image podem ignorar o markup responsivo normal.

Após alterar os tamanhos de imagem do tema, uploads mais antigos podem precisar de regeneração de miniaturas. As novas configurações não reconstruem automaticamente todos os arquivos históricos.

Escolha formatos conforme o conteúdo da imagem

ConteúdoFormato inicialMotivo
Foto editorial ou de produtoJPEG ou WebPEficiente para tons contínuos
Captura de tela com texto pequenoPNG ou WebP de alta qualidadePreserva bordas e texto
Ilustração transparenteWebP ou PNGMantém a transparência
Logotipo de arte vetorialSVG quando o tema permiteEscala sem desfoque raster

Não salve fotografias apenas como PNG só porque soa como maior qualidade. Não converta arte transparente para JPEG a menos que o fundo tenha sido intencionalmente achatado. Veja compressão com perdas versus compressão sem perdas para a compensação.

Audite a publicação ao vivo

Publique em um ambiente de staging e inspecione a solicitação de imagem no DevTools do Edge. Confirme:

  • o navegador selecionou um candidato próximo à largura renderizada;
  • o original de tamanho completo não é usado para um cartão pequeno;
  • largura e altura evitam mudança de layout;
  • a imagem em destaque permanece nítida nos pontos de quebra comuns;
  • o texto alt descreve o propósito editorial da imagem;
  • o carregamento preguiçoso (lazy loading) não é aplicado ao herói provável acima da dobra.

Execute o teste em um modelo de post real, não em uma pré-visualização isolada da Biblioteca de Mídia. Plugins, CDNs e temas podem reescrever o markup final.

Quando o GetCompress se encaixa na produção do WordPress

Paint e PowerToys lidam com redimensionamentos ocasionais. O GetCompress é a melhor opção quando uma equipe editorial no Windows prepara imagens em destaque recorrentes, capturas de tela, galerias e variantes WebP ou JPEG antes da importação na Biblioteca de Mídia. Presets locais em lote mantêm as dimensões da fonte consistentes sem enviar material rascunho ou sob embargo para um otimizador online.

Ele prepara arquivos de fonte mais limpos para esses sistemas. Não substitui o markup responsivo do WordPress, um CDN, texto alt descritivo ou testes na página ao vivo.