Como compactar imagens no WordPress (com e sem plugins)

Se você administra um blog pessoal ou um site comercial, deve otimizar seu site para velocidade e desempenho. E quando se trata de aumentar a velocidade, as imagens hospedadas em seu site têm um papel vital. Então, mostraremos como compactar imagens no WordPress neste artigo para ajudar seu site a otimizar a velocidade.

Por que você deve compactar imagens no WordPress?

A principal razão para compactar imagens no WordPress é otimizar a velocidade do seu site . Mas com a velocidade aprimorada do site, também existem algumas vantagens adicionais.

Quando você adiciona muitas imagens ao seu site com tamanhos de imagem grandes, o tamanho geral das páginas da web também aumenta. Portanto, levará muito mais tempo para carregar a página da web. Mas se você compactar essas imagens, o tamanho da imagem será reduzido e as páginas da Web poderão carregar mais rapidamente, resultando em uma melhor velocidade do site.

Além disso, o Google considera a velocidade do site como um fator de classificação para SEO também. Portanto, se você deseja que seu site tenha uma classificação mais alta nas páginas de resultados dos mecanismos de pesquisa, também deve otimizá-lo para obter um melhor desempenho. E, felizmente, compactar as imagens é uma das maneiras mais rápidas de melhorar a velocidade do site.

Como compactar imagens no WordPress

Para compactar imagens no WordPress, temos dois métodos:

• Usando plug-ins
• Manualmente

Vamos dar uma olhada em ambas as opções.

Compactar imagens no WordPress usando plugins

Se você deseja compactar imagens que já foram carregadas no seu site WordPress, esse método pode ser adequado para você.

Tudo o que você precisa fazer é usar um dos plugins de compactação de imagem do WordPress. Em seguida, o plug-in compactará automaticamente todas as imagens existentes. Depois de configurar o plug-in e selecionar um nível de compactação, o plug-in cuidará das compactações de imagem para que você possa se concentrar em outras tarefas.

Para este tutorial, vamos usar o plugin ShortPixel . No entanto, você pode usar qualquer outro plugin que atenda às suas necessidades. Mas para começar a usar o plugin, você deve instalá-lo e ativá-lo primeiro.

1. Instale e ative o plug-in

Para instalar o plug-in, vá para Plugins > Adicionar novo no painel do WordPress e procure o plug-in usando as palavras-chave. Em seguida, clique em Instalar agora .

Após a conclusão da instalação, ative o plugin.

Se você quiser usar um plug-in premium ou um plug-in que não esteja incluído no repositório do WordPress, será necessário instalá-lo manualmente. Você pode baixar o plug-in do site ou mercado do plug-in e enviá-lo para o seu site WordPress. Por favor, dê uma olhada em nosso guia detalhado sobre como instalar um plugin WordPress manualmente para mais informações.

2. Configure o plug-in

Depois de ativar o plug-in, você precisa de uma chave de API para começar a usá-lo ainda mais. Você pode solicitar uma nova chave de API se for novo na plataforma. Basta digitar seu endereço de e-mail e clicar em Solicitar chave .

Mas se você já possui a chave API, insira-a e clique em Validar .

Depois de inserir uma chave de API válida, você poderá ver as configurações do plug-in na próxima página.

Você pode definir as configurações básicas como modelo de compactação, otimização de miniaturas, dados EXIF ​​e redimensionamento de imagem na página de configurações gerais .

Há uma opção para manter um backup dos arquivos de imagem originais em uma pasta separada também, mas pode ocupar mais espaço de armazenamento. Se você tem espaço limitado disponível em seu plano de hospedagem, manter o backup dentro do servidor não é uma escolha sábia. Portanto, certifique-se de ter espaço em disco e largura de banda disponíveis antes de tomar a decisão.

Na guia Avançado , você pode selecionar pastas de imagens específicas para otimizar, habilitar a otimização automática, conversão de PNG para JPEG e assim por diante. O plugin também vem com mais algumas configurações padrão que são adequadas para compactações de imagens. Mas se você precisar, você pode alterá-los também.

Além disso, se você estiver usando a CDN da Cloudflare, poderá integrá-la ao plug-in na guia API da Cloudflare . Isso fará com que a imagem seja veiculada ainda mais rápido. Tudo o que você precisa é de um ID de zona e um token.

Por fim, a página de estatísticas mostra as imagens compactadas, a taxa de compactação, o espaço em disco e a largura de banda salva. Depois de terminar a configuração, você está pronto para ir. Só não se esqueça de salvar as alterações depois de configurá-las.

A partir de agora, sempre que você fizer upload de novas imagens para a biblioteca, o plug-in as compactará automaticamente.

Nas configurações de mídia, você também pode ver uma opção de compactação em massa que o ajudará na otimização em massa. A otimização da imagem será iniciada automaticamente depois que você clicar em Iniciar otimização .

É isso! Agora você pode reduzir o tamanho da imagem com ShortPixel. E mesmo que você use qualquer outro plugin, os passos são bem parecidos.

Compactar imagens no WordPress manualmente

Se você ainda não começou a adicionar imagens à sua instalação do WordPress e não quer usar muitos plugins ainda, este método é mais adequado para você. Existem muitas ferramentas de compressão de imagem online disponíveis hoje em dia. Você pode simplesmente fazer upload das imagens que você precisa compactar para essas ferramentas e obter a versão otimizada.

Felizmente, a maioria das ferramentas é gratuita e você pode definir quanta compactação de imagem e redução de tamanho você precisa. Mas ainda pode haver algumas limitações. Vamos seguir as etapas para analisar a ferramenta em detalhes.

Para este tutorial, usaremos a ferramenta de compressão de imagem online ShortPixel . A ferramenta de compressão de imagem do ShortPixel é totalmente gratuita e vem com recursos adequados. Você pode otimizar até 50 imagens simultaneamente e também escolher três níveis de compactação.

1. Selecione um nível de compactação

Antes de fazer upload das imagens, você precisa escolher o nível de compactação para suas imagens. Existem 3 níveis para compressão de imagem:

• Com perdas
• Lustroso
• Sem perdas

O nível com perdas fornece a redução máxima de tamanho e o nível sem perdas fornece a menor redução de tamanho de imagem. Recomendamos o nível com perdas para compactar as imagens, pois é o mais decente e equilibrado. Você pode obter uma ótima qualidade de imagem com redução máxima de tamanho para suas imagens.

2. Carregue as Imagens

Depois de selecionar o nível de compactação, você pode iniciar o upload das imagens para compactar. Basta enviá-los para a caixa de imagem no site. Assim que as imagens forem carregadas, a ferramenta começará a comprimi-las automaticamente.

O processo levará alguns segundos de acordo com o tamanho das imagens e o nível de compactação que você escolheu. Depois disso, você verá os arquivos de imagem recém compactados na página da Web com taxa e tamanho de compactação.

Como você pode ver na captura de tela acima, temos uma redução média de 75%+ no tamanho da imagem, o que é ótimo. Você também pode comparar os tamanhos das imagens e perceber que a qualidade da imagem compactada ainda é muito boa.

Quando estiver pronto para baixar as imagens, você pode fazê-lo individualmente ou em um arquivo zip. Se precisar fazer download de cada imagem separadamente , use o botão Download .

Por outro lado, se você precisar baixar todas as imagens compactadas de uma só vez, clique no botão Download Files que você pode ver na parte superior da tela.

Depois disso, você pode enviar essas imagens para o seu site WordPress. O método manual é simples, mas vem com algumas etapas adicionais em comparação com o método do plugin.

Agora, você sabe como compactar imagens no WordPress sem perder a qualidade da imagem.

Dicas para compactar imagens no WordPress

Embora você possa compactar imagens no WordPress para tornar seu site mais rápido, há certas coisas que você precisa ter em mente ao fazê-lo. Eles podem ajudá-lo ainda mais a carregar as imagens mais rapidamente.

1. Carregar as imagens com preguiça

Por padrão, quando alguém acessa qualquer uma de suas páginas, o WordPress carrega todo o conteúdo de uma só vez. Portanto, se você tiver muitas imagens nele, demorará um pouco de acordo com o desempenho do seu servidor. No entanto, há uma técnica simples disponível para otimizar o serviço de imagem que é chamada de carga lenta .

Depois de habilitá-lo, todas as imagens não serão carregadas de uma só vez quando alguém acessar sua página. Em vez disso, as imagens serão veiculadas quando o usuário rolar para baixo até a respectiva seção da página da web. Essa é uma excelente maneira de reduzir o tempo de carregamento da página.

A maioria dos plugins de cache para WordPress vem com o recurso de carregamento lento por padrão. Se o seu plug-in de cache não for compatível, considere usar um plug-in dedicado como BJ Lazy Load . O plugin não é atualizado por um tempo, mas fará o trabalho.

2. Remova os dados EXIF

Os dados EXIF ​​são pequenos detalhes adicionados pelas câmeras às imagens. Quando fazemos upload de imagens para nossa instalação do WordPress, os dados EXIF ​​são armazenados e não serão removidos por padrão . No entanto, quando lidamos com uma instalação do WordPress, isso não é necessário.

Portanto, remover os dados EXIF ​​é outra boa opção para veicular imagens mais rapidamente. Eles podem ser facilmente removidos com uma ferramenta de compressão de imagem como o ShortPixel. Mas você pode remover simultaneamente os dados EXIF ​​de toda a biblioteca de imagens com a ferramenta automatizada de remoção de dados EXIF .

3. Armazene as imagens em cache

Usar um sistema de cache também é uma ótima maneira de acelerar o serviço de imagem e reduzir as solicitações HTTP.

Um sistema de cache irá ajudá-lo a criar uma cópia de cada página da web e servi-la quando um usuário solicitar. Os usuários estarão visualizando uma versão em cache da página da web. Mas você pode atualizar continuamente a cópia manualmente por meio das configurações do plug-in de cache.

Mais uma vez, você pode usar um plug-in de cache do WordPress ou o plug-in de cache fornecido pelo seu provedor de hospedagem na web se quiser armazenar em cache as imagens.

Dicas para melhorar a velocidade do seu site

Depois de terminar a compactação da imagem, você está na metade do caminho. Em seguida, vamos ver algumas das melhores práticas para acelerar uma instalação do WordPress.

1. Use plugins de cache

Um plug-in de cache gera uma cópia offline de suas páginas da web e as armazena em seu servidor. Assim, quando um visitante chegar às suas páginas, o plug-in de cache servirá a cópia salva . Dessa forma, você pode reduzir as solicitações ao servidor e otimizar a velocidade da página.

Algumas empresas de hospedagem WordPress vêm com um sistema de cache integrado. Mas você pode escolher qualquer um dos seguintes plugins de cache bem conhecidos, se necessário.

• WP Foguete
• Supercache
• Cache mais rápido
• Cache Total W3

Existem mais alguns plugins de cache para WordPress se você quiser usar outro plugin além desses. Clique aqui para visualizá-los.

Todos esses plugins têm opções mínimas de configuração e podem aumentar a velocidade de carregamento da página. Além disso, alguns plugins de cache ainda vêm com o recurso de carregamento lento embutido e integração com CDN . O uso dessas opções pode reduzir plugins adicionais e obter um resultado melhor, conforme mencionado nas seções anteriores.

Além disso, você também pode excluir determinadas páginas do cache, como a página de checkout, se estiver executando uma loja WooCommerce usando alguns desses plugins.

2. Use um tema leve

Não opte por temas sofisticados do WordPress se você precisar de um site básico. Eles têm estruturas pesadas e vêm com muito JavaScript e outros arquivos. Assim, eles podem afetar o desempenho do seu site, reduzindo a velocidade do site.

A maioria dos autores de temas fornece um site de demonstração para os usuários experimentarem seu tema. Você pode usar este site de demonstração para descobrir o desempenho e a velocidade dos temas.

Basta copiar o URL do site de demonstração e acessar uma ferramenta de velocidade do site, como Pingdom ou PageSpeed ​​Insight . Em seguida, inicie o processo para testar o desempenho e veja o resultado. Se for um tema leve, terá resultados de desempenho muito bons.

No entanto, lembre-se de que o site de demonstração não é 100% otimizado com plugins de cache e imagens compactadas. Portanto, haverá pequenas variações nos resultados do teste.

Em nossa experiência, os principais temas leves do WordPress são:

• GeneratePress – Revisão do GeneratePress
• Astra – Revisão do tema Astra
• OceanWP
• Estrutura de Gênesis

3. Escolha um bom provedor de hospedagem

Se você procurar uma empresa de hospedagem na web, o Google exibirá centenas de resultados de pesquisa. Haverá empresas de hospedagem web gratuitas, freemium e premium no mercado. No entanto, se você leva a sério o seu negócio, não recomendamos o uso de um provedor de hospedagem na web gratuito. As empresas de hospedagem web premium oferecerão desempenho, suporte e segurança de servidor melhor dimensionados .

Aqui está uma lista das melhores empresas de hospedagem WordPress que você pode usar em 2022. Você pode usar qualquer um dos serviços de hospedagem de acordo com a necessidade do seu site.

No entanto, se você não estiver satisfeito com sua hospedagem atual, sempre poderá migrar para uma melhor. Basta criar um backup completo do site e restaurá-lo para fazer o trabalho.

4. Usar CDN

CDN significa Rede de Entrega de Conteúdo . Quando você escolhe um plano de hospedagem para seu site WordPress, a empresa de hospedagem solicitará seu data center preferido. Empresas de hospedagem de renome têm data centers em vários locais, dos quais os usuários podem escolher de acordo com seu gosto.

Se você escolheu um data center localizado nos EUA, o site carregará mais rapidamente para visitantes dos EUA. Mas, por outro lado, se alguém visitar o site da Índia ou de qualquer outro país distante do local do data center, haverá um pequeno atraso no tempo de carregamento do site. Para corrigir esse problema, você precisa usar um provedor de CDN .

Os provedores de CDN terão vários locais de data center em todo o mundo. Depois de adicionar seu site à rede, o provedor escolherá o servidor apropriado mais próximo da localização do visitante do seu site. Como resultado, você pode fornecer desempenho otimizado para visitantes do site em todo o mundo.

Se você está procurando um provedor de CDN, confira Cloudflare . O Cloudflare é uma plataforma freemium e você terá muitos recursos de ponta quando se trata de desempenho de página.

Bônus: como otimizar imagens para mecanismos de pesquisa

Além dos resultados de pesquisa típicos do Google, as pessoas também usarão os resultados da imagem para encontrar o que precisam. Portanto, otimizar suas imagens para os mecanismos de pesquisa é uma tarefa crucial. No entanto, você pode otimizar facilmente suas imagens enviadas para o Google e outros mecanismos de pesquisa com pequenos ajustes.

Aqui estão alguns dos elementos essenciais que você precisa considerar ao fazer upload de imagens para o seu site WordPress.

1. Etiquetas de título

O WordPress gerará automaticamente tags de título de acordo com o nome da sua imagem por padrão. Mas você pode substituí-lo facilmente pela página da biblioteca de mídia. Se desejar, você pode adicionar as tags de título à versão HTML da página e tornar a imagem mais fácil de entender.

2. ALT Tags

Os rastreadores de mecanismos de pesquisa usam tags alt para entender a imagem , e é por isso que adicionar tags alt às imagens é obrigatório. Você pode fazer isso manualmente ou usando um plugin do WordPress.

O WordPress solicitará a tag alt quando você fizer upload de fotos ou arquivos GIF para a biblioteca de mídia. Basta digitar as palavras-chave relacionadas às suas imagens ou conteúdo do site e pronto. Você pode tornar suas tags alt ainda melhores descrevendo a imagem corretamente.

Além disso, você também pode modificar tags alt sempre que precisar na própria biblioteca de mídia.

3. Mapas de site XML

Você pode melhorar rapidamente sua presença no mecanismo de pesquisa criando sitemaps usando um plug-in de sitemap . Tudo o que você precisa fazer é enviar o mapa do site dentro da ferramenta Google Search Console e começar a buscar conteúdo. Para uma melhor classificação de imagens, você também pode considerar a criação de um arquivo de mapa do site contendo todas as imagens desejadas.

A maioria dos plugins de SEO vem com esse recurso. Depois de criar um mapa do site, adicione-o à sua propriedade GSC. Em seguida, o plug-in de SEO buscará todas as imagens e as enviará para indexação do mecanismo de pesquisa sempre que você adicionar novas fotos.

Como adicionar tags ALT automaticamente

Já mencionamos a importância das tags alt em suas imagens. Então, mostraremos como adicionar tags alt automaticamente com um simples plugin do WordPress.

Você pode encontrar vários plugins para adicionar tags alt a imagens no WordPress. Mas, por enquanto, usaremos o plugin PB SEO Friendly Images .

A primeira coisa que você precisa fazer é instalar e ativar o plugin em seu site WordPress.

Após a ativação, você verá as opções de configuração do plugin no lado esquerdo. Basta ir para Configurações> Imagens amigáveis ​​​​para SEO no seu painel do WordPress.

A partir daí, modifique o esquema alternativo de acordo com suas preferências.

Depois de modificá-lo, você precisa atualizar as configurações.

É isso! O plugin irá alterar as tags alt de cada nova imagem que você enviar a partir de agora. Se você precisar de mais informações, temos até um guia detalhado para adicionar tags alt automaticamente às imagens no WordPress.

Conclusão

A compactação das imagens é uma das melhores maneiras de aumentar a velocidade do seu site. Portanto, se você precisar compactar imagens no WordPress , faça isso imediatamente. Eles ajudam ainda mais o seu site a ter uma melhor classificação nos mecanismos de pesquisa em algum momento.

Para resumir, você pode compactar imagens em seu site usando duas maneiras principais:

• Usando um plug-in
• Manualmente

Você pode usar um plug-in para compactar as imagens se já as tiver carregado no seu site. Considerando que a abordagem manual é mais fácil se você precisar fazer upload de novas imagens para o seu site. No entanto, tudo se resume à sua preferência, pois ambos os métodos podem ser usados ​​para compactar imagens, quer você já as tenha carregado ou não. ShortPixel pode ser usado para ambas as abordagens e também é nossa ferramenta favorita para compactar imagens, pois possui integração com Cloudflare e muitos outros recursos úteis.

Além disso, também incluímos algumas dicas para compactar imagens, melhorar a velocidade do site e otimizar imagens para mecanismos de pesquisa. Também temos alguns artigos mais interessantes que você pode gostar:

• Como corrigir problemas de tamanho de imagem WooCommerce
• Adicionar imagem a um produto no WooCommerce
• Como adicionar tamanhos de imagem personalizados no WordPress

Esperamos que você tenha achado este artigo útil e gostado da leitura. Por favor, compartilhe com outros blogueiros se você fizer isso.

Como você vai compactar imagens no WordPress? Manualmente ou usando um plugin? Deixe-nos saber nos comentários.