Como impedir que o WordPress gere tamanhos de imagem

Quando você carrega uma imagem no WordPress, ele gera três tamanhos de imagem por padrão (tamanho de miniatura, tamanho médio e tamanho grande). No entanto, pode haver momentos em que você deseja usar tamanhos de imagem personalizados do WordPress, seja para fins de design ou para gerenciar o desempenho do seu site.

Embora a compactação automática de imagens do WordPress seja uma conveniência, pode acabar criando muitos arquivos que ocupam armazenamento desnecessário e levar a backups muito grandes. Felizmente, existem medidas que você pode tomar para evitar que isso aconteça.

Neste post, responderemos à pergunta: “Por que o WordPress redimensiona minhas imagens?” Explicaremos por que você pode querer impedir o WordPress de gerar vários tamanhos de imagem do WordPress e mostraremos como fazê-lo. Vamos começar!

Por que o WordPress gera vários tamanhos de imagem

Simplificando, o WordPress redimensiona automaticamente as imagens para ajudá-lo a economizar largura de banda e evitar que você precise redimensionar manualmente as imagens. Por exemplo, o tamanho da imagem que você usaria para uma miniatura de postagem é muito diferente do que você usaria para um controle deslizante de imagem em sua página inicial. Ao gerar tamanhos de imagem adicionais, o WordPress facilita a seleção da opção mais adequada para cada caso de uso.

Quais são os tamanhos de imagem padrão para WordPress?

Toda vez que você carrega uma imagem no WordPress, ele cria três novas versões, dando a você quatro tamanhos no total. Os tamanhos de imagem padrão são:

• Tamanho da miniatura – 150 x 150 pixels
• Tamanho médio – 300 x 300 pixels (máximo)
• Tamanho grande – 1024 x 1024 pixels (máximo)
• Tamanho completo – Tamanho da imagem original

Os tamanhos de imagem do WordPress são escalonados dessa maneira para simplificar o design da web. Não há necessidade de redimensionar manualmente uma foto ou gráfico para uso como, digamos, uma imagem em destaque - o tamanho correto da imagem já existe no WordPress.

Quando parar o WordPress de gerar diferentes tamanhos de imagem

Além dos diferentes tamanhos de imagem gerados pelo WordPress, seu tema também pode criar cópias ou tamanhos de imagem adicionais, como para uma apresentação de slides na página inicial ou postagens em destaque. Essa redundância pode apresentar problemas, como fazer com que seus backups demorem mais ou suas páginas carreguem mais lentamente.

Por esse motivo, há momentos em que é benéfico impedir que o WordPress gere diferentes tamanhos de imagem. Se você deseja economizar espaço, tem um site com muitas imagens, como um site de imóveis ou de fotografia, ou simplesmente não está usando todos os tamanhos de imagem diferentes que estão sendo criados, pode estar adicionando volume extra ao seu site por nenhuma razão.

Como impedir o WordPress de gerar cópias de imagens de tamanhos diferentes

Agora que você entende por que o WordPress gera vários tamanhos de imagem e por que faz sentido impedir que isso aconteça, é hora de começar a trabalhar. Vamos dar uma olhada em como impedir o WordPress de gerar diferentes tamanhos de imagem em seis etapas simples.

Etapa 1: Conecte seu site a um cliente FTP (para determinar quantas cópias de imagens estão sendo feitas)

O primeiro passo é descobrir quantas cópias o WordPress está gerando quando você carrega uma imagem. Você pode fazer isso conectando-se ao seu site por meio de um cliente FileTransfer Protocol (FTP) ou do gerenciador de arquivos do seu cPanel.

Como mencionamos anteriormente, o WordPress gera três cópias por padrão. No entanto, seu tema também pode criar seu próprio conjunto de tamanhos de imagem para sliders, etc. Portanto, é importante saber exatamente quais cópias estão sendo geradas.

Etapa 2: faça upload de uma imagem para seu site

Em seguida, carregue uma imagem para o seu site a partir da área de administração do painel do WordPress e abra a biblioteca de mídia ( Mídia > Adicionar novo ).

Clique em Selecionar arquivos e escolha o arquivo de imagem a ser carregado.

Etapa 3: navegue até o diretório de upload do seu site

Dentro do seu Gerenciador de Arquivos ou cliente FTP, navegue até o diretório 'upload' do seu site. Ele estará localizado na pasta wp-contents . Lá, você encontrará todas as cópias de suas imagens existentes, organizadas por data:

No mínimo, você deve encontrar os três tamanhos de imagem gerados pelo WordPress. Se houver mais de três, provavelmente são as cópias criadas pelo seu tema WordPress (no nosso exemplo acima, há cinco cópias no total).

Etapa 4: definir os tamanhos de imagem como zero

Em seguida, navegue até Configurações> Mídia no painel de administração do WordPress.

Lá, você encontrará as configurações de imagem padrão:

Altere cada um dos valores dos tamanhos de imagem para 0 (supondo que todos sejam aqueles que você não usará). Selecione o botão Salvar alterações na parte inferior da página quando terminar.

Passo 5: Abra o arquivo functions.php do seu tema WordPress

Agora você impediu o WordPress de gerar várias cópias das imagens existentes que você carrega. No entanto, você também pode precisar impedir que seu tema faça a mesma coisa.

Para fazer isso, navegue até o arquivo functions.php do seu tema WordPress.

Você encontrará isso na pasta /wp-contents/themes/ do diretório do seu site.

Etapa 6: excluir o código de tamanho de imagem padrão

Quando estiver no arquivo functions.php , procure por quaisquer linhas de código semelhantes a esta:

add_image_size( 'homepage-thumb', 200, 160, true );

Dependendo do tema que você está usando, pode haver várias versões dessa linha. Você também deve procurar por qualquer um que diga “set_thumbnail_post_size”. Remova essas linhas e salve suas alterações.

Como impedir o WordPress de compactar imagens

Além de impedir que o WordPress e seu tema gerem vários tamanhos de imagens, você também pode impedir que eles comprimam imagens. Embora a compactação tenha como objetivo melhorar o desempenho sem reduzir a qualidade, nem sempre é esse o caso.

Com isso em mente, veja como impedir o WordPress de compactar e cortar imagens em três etapas simples.

Passo 1: Abra o arquivo functions.php

Se você deseja desabilitar a compactação de imagens do WordPress, o primeiro passo é localizar e abrir o arquivo functions.php do seu tema. Novamente, você pode fazer isso conectando-se ao seu site através de um cliente FTP ou acessando o Gerenciador de Arquivos do seu cPanel.

Etapa 2: modifique o valor de retorno para 100

Depois de localizar e abrir o arquivo functions.php no diretório do seu tema, basta adicionar a seguinte linha de código:

add_filter('jpeg_quality', function($arg){return 100;});

Você também pode alterar o valor de 'retorno' para menos de 100, se preferir.

Etapa 3: salve suas alterações

Quando terminar, salve suas alterações. Agora o WordPress irá parar de compactar imagens automaticamente e, em vez disso, manterá sua qualidade original. Observe que, para ver o efeito ocorrer, você precisará regenerar suas miniaturas.

Como otimizar imagens do WordPress

Otimizar imagens para a web envolve reduzir o tamanho geral do arquivo sem reduzir a qualidade da imagem. O objetivo final é um site que carregue mais rápido; um site rápido melhora o SEO e atrai visitantes.

A melhor maneira de otimizar imagens para WordPress é fazer ajustes antes de fazer o upload. Esse processo geralmente ocorre nas configurações Salvar ou Exportar do seu editor de imagens (como Adobe Photoshop ou GIMP). Aqui está uma lista de verificação passo a passo a seguir:

Etapa 1: reduzir as dimensões da imagem

Se sua imagem tiver 2000 x 2000 pixels ou mais, vale a pena reduzir as dimensões antes de carregá-la no WordPress. Exceto em casos raros, uma foto em seu site não precisa ser tão grande. As dimensões finais dependerão do seu uso para a imagem, mas diminuir a altura e a largura para pelo menos 1200px é um começo sólido.

Etapa 2: selecione o formato da imagem

Como tamanhos de arquivo menores são ideais, a escolha do formato é crucial. Ao salvar sua imagem, evite arquivos TIFF de alta qualidade, pois o tamanho aumenta substancialmente.

Em vez disso, use PNGs para logotipos e gráficos e JPEGs para fotos. Embora os JPEGs reduzam um pouco a qualidade da imagem, o resultado é imperceptível na web e sua imagem será carregada mais rapidamente.

Etapa 3: escolha a quantidade de compactação

Os recursos de compactação de imagem variam de acordo com o software. Mas, na maioria das vezes, você está procurando por um menu suspenso ou controle deslizante chamado Qualidade de imagem ou compactação . Normalmente, você o verá ao salvar sua foto.

A compactação reduz o tamanho de um arquivo sem sacrificar a qualidade. Quanto mais compactação, menor o arquivo. Escolher um número menor para Qualidade executa a mesma função. 150 KB ou menos é uma meta final segura para otimização de imagem.

Plug-ins de otimização de imagem

Alternativamente, você pode usar um plugin do WordPress para otimizar suas imagens após o upload. Opções como Smush ou EWWW Image Optimizer permitem controlar os tamanhos das imagens com facilidade.

Mantenha seu site otimizado com o WP Engine

Por padrão, o WordPress gera automaticamente vários tamanhos de imagem durante o processo de upload. No entanto, quando você está usando um tema ou plugins que também criam cópias de suas imagens, isso pode levar a backups desnecessariamente grandes e menos espaço em disco. Felizmente, você pode impedir o WordPress de fazer isso definindo os tamanhos de imagem padrão para zero nas configurações de mídia.

Claro, esta é apenas uma das muitas maneiras de otimizar seu site WordPress. Se você deseja aprimorar toda a experiência digital, saiba como nossos melhores planos de hospedagem podem ajudá-lo a levar sua presença online (e seus clientes) para o próximo nível!