Otimização de imagens do WordPress no Mac

O uploader de mídia do WordPress aceita seu PNG de 6 MB, mas a página inicial ainda parece lenta porque o tema exibe o arquivo completo em src, não uma versão redimensionada. A otimização de imagens para o WordPress começa antes do upload: ajuste a largura em pixels à área de conteúdo do seu tema, escolha JPEG ou WebP e comprima localmente para que a biblioteca armazene fontes leves.

Limites de upload do WordPress na prática

As configurações de hospedagem definem upload_max_filesize e post_max_size. Uma única foto de 10 MB pode passar, enquanto um lote de doze pode falhar silenciosamente ou dar tempo esgotado.

Corrija as fontes no seu Mac antes de importar para a Biblioteca de Mídia. Arquivos menores fazem upload mais rápido e reduzem o trabalho de geração de miniaturas no servidor. Veja como comprimir imagens no Mac para regras gerais de redimensionamento e formato.

Formatos e tamanhos recomendados

O núcleo do WordPress suporta JPEG, PNG, GIF e WebP em instalações modernas. Temas e plugins variam na forma como emitem srcset e formatos modernos.

Leia compressão com perdas versus sem perdas antes de armazenar todas as fotos como PNG sem perdas. Fotos devem ficar em JPEG ou WebP com perdas após o redimensionamento.

Quando o tema documenta suporte a WebP, converta os heróis localmente. PNG para WebP no Mac cobre a exportação de fontes PNG de design.

Prepare as imagens antes do upload

Um fluxo de trabalho repetível no Mac:

1. Anote a content_width do tema ou meça a coluna ao vivo nas ferramentas de desenvolvedor do navegador.
2. Exporte do design nessa largura vezes dois para Retina, não na largura 3x do artboard.
3. Redimensione no Preview se as exportações ultrapassarem o limite (Ferramentas → Ajustar Tamanho…).
4. Exporte JPEG na qualidade 82 a 85 ou WebP via cwebp.
5. Faça upload do arquivo otimizado, não do mestre de 4000 px.

Remova o EXIF de GPS das fotos de eventos quando a localização não deve ser publicada. A remoção de metadados é separada do tamanho em bytes, mas importa para a privacidade em blogs públicos.

Evite fazer upload de HEIC da câmera quando autores no Windows não puderem reutilizar o ativo. Converta para JPEG no seu Mac primeiro.

Imagens destacadas e largura do conteúdo

Imagens destacadas geralmente aparecem mais largas que as figuras em linha, mas ainda abaixo da resolução completa da câmera.

O WordPress gera markup responsivo srcset e sizes desde a versão 4.4. Sua documentação de imagens responsivas explica como os tamanhos intermediários permitem que o navegador escolha um candidato adequado. Confirme se o tema usa esse markup para imagens destacadas, cartões e blocos personalizados, em vez de assumir que todas as imagens da Biblioteca de Mídia são entregues de forma responsiva.

Regenere as miniaturas apenas depois de substituir o arquivo fonte na biblioteca. O WordPress mantém os tamanhos antigos até que os plugins os recriem. Faça upload do tamanho correto primeiro para evitar servir intermediários -scaled muito grandes.

Combine com otimize imagens para a web no Mac quando os mesmos ativos também alimentarem uma landing page estática fora do WordPress.

Lote para a biblioteca de mídia

Migrações de blog e ensaios fotográficos significam dezenas de arquivos em uma única sessão.

mkdir wp-upload
for f in *.jpg; do sips -Z 1920 -s formatOptions 85 "$f" --out "wp-upload/$f"; done

Organize originals/ e wp-upload/ separadamente. Nunca exclua os mestres até que o post esteja ao vivo e verificado.

Os otimizadores de imagens do WordPress online enviam arquivos para terceiros. Para rascunhos, capturas de tela em embargo e trabalhos em andamento de clientes, comprima localmente. Veja os compressores de arquivo online são seguros para saber o que o upload realmente significa.

Documente a largura máxima na sua lista de verificação editorial para que os colaboradores parem de fazer upload de fotos de celular em resolução completa.

Adicione o texto alternativo depois do envio. O conteúdo dessa descrição não altera o tamanho do arquivo. Associar imagens otimizadas a descrições claras permite verificar acessibilidade e peso separadamente.

Quando um plugin gera WebP no servidor, a preparação local de WebP ainda reduz o tempo de upload e a carga de processamento no admin durante importações em lote.

Usando o GetCompress

O GetCompress lida com pastas mistas de imagens no seu Mac sem upload. Útil quando os editores preparam um mês de posts offline.

• Solte uma pasta de figuras e defina a largura máxima mais a saída JPEG ou WebP para importação no WordPress.
• Salve presets (por exemplo, “WP destaque 1920 JPEG q85”) alinhados às medidas do seu tema.
• Pré-visualize capturas de tela com muito texto antes da exportação em lote.
• Faça image optimization for WordPress on Mac em lote quando ensaios fotográficos excederem dez arquivos por artigo.
• Converta fotos HEIC do iPhone para JPEG em uma única etapa antes que os autores abram o uploader do admin.

O GetCompress e plugins do WordPress que reescrevem o markup do front-end cumprem funções diferentes. Ele prepara as fontes para que plugins e CDNs tenham menos para otimizar depois. O monitoramento de pastas pode observar um diretório to-upload/ e comprimir novas exportações quando o design entregar os ativos do blog semanalmente.

Verifique uma imagem destacada no celular após o upload. Corrija a largura antes de ajustar as configurações de lazy-load do plugin.