Porquê usar um plugin de optimização de imagem?
Existem naturalmente muitas ferramentas online que nos permitem carregar as nossas imagens online e depois para o WordPress: este é um esforço duplo que pode ser muito demorado se estivermos a trabalhar com um grande número de ficheiros de imagem.
Um optimizador de imagens WordPress como o Imagify não só comprime as nossas imagens no carregamento, como também pode realizar uma optimização em massa para todos os ficheiros já existentes na nossa biblioteca multimédia WordPress.
Outro aspecto a considerar é o custo da utilização de uma ferramenta online: a maioria delas é gratuita, mas por vezes as melhores características só estão disponíveis para utilizadores premium. No entanto, se a ferramenta for 100% gratuita, as possibilidades de optimização são mínimas.
Outra vantagem é que a Imagify pode trabalhar e optimizar as nossas imagens em sinergia com a WP Rocket, graças a uma parceria entre estas duas empresas. É então particularmente eficaz utilizar o recurso de Lazy Load para melhorar o desempenho e SEO do nosso website.
Instalar o Imagify
1. Criar uma conta gratuita
Podemos criar uma conta gratuitamente, visitando o sítio web Imagify. Também pode ir directamente ao painel de administração do WordPress, depois clicar em Plugins, depois em Add New. Precisamos de escrever “Imagify” no campo de pesquisa, e depois podemos instalar e activar o plugin.
Também é possível descarregar o plugin directamente do site wordpress.org. Tudo o que temos de fazer é ir ao painel de administração do WordPress, clicar em Plugins, depois Adicionar Novo, e descarregar o ficheiro ZIP sem o descompactar.
Para aqueles que têm o plugin WP Rocket, podem instalar o Imagify indo ao separador “image optimization”.
Vemos então esta notificação:
Tudo o que precisamos de fazer é introduzir um e-mail, nenhuma outra informação pessoal será solicitada. Uma vez enviado o endereço de correio electrónico, receberemos uma resposta contendo os nossos dados de login. Após clicar no link de activação e iniciar a sessão, teremos acesso ao painel de controlo Imagify.
2. Introduza a sua chave API
A autenticação é feita através de uma chave API. Isto pode ser encontrado no e-mail de activação que recebemos.
Instalação IMAGIFY – chave API Isto faz surgir uma caixa de diálogo com uma entrada para adicionar a nossa chave API. Uma vez introduzida esta chave API, devemos ver uma nota a dizer “Parabéns! A sua chave API é válida. Pode agora configurar as configurações da Imagify para optimizar as suas imagens”.
Preços de Imagify
É possível optimizar 20 MB de imagens por mês gratuitamente, o que corresponde a cerca de 200 imagens por mês, e se quiser optimizar mais imagens, existe apenas um plano pago: a taxa é de $9,99 por mês para acesso ilimitado. Se pagar anualmente, esta opção permite-lhe beneficiar de 2 meses gratuitos: o plugin custará $99,9 por ano, ou $8,33 por mês.
Criação da Imagify
Agora temos acesso às definições gerais da Imagify, e podemos ver que obtemos créditos pela optimização das imagens no nosso website.
1- Estão disponíveis três opções de optimização de imagem: Normal, Agressiva, Ultra. Se não quisermos nenhuma queda na qualidade, devemos escolher o modo Normal. Contudo, o modo Agressivo é o recomendado, uma vez que será adequado na maioria das situações. Será muito difícil notar qualquer diferença na qualidade. O modo Ultra utiliza o mais alto nível de optimização, permitindo uma poupança massiva no tamanho da imagem, mas haverá uma pequena perda de qualidade em troca. É possível utilizar uma ferramenta de comparação visual directamente no website Imagify.
2- Opção para optimizar automaticamente cada imagem que enviamos para o WordPress. Se quisermos poupar espaço no nosso servidor, devemos também desmarcar a caixa “Guardar imagens originais”. Neste caso, devemos garantir que guardamos sempre uma cópia da imagem original no nosso computador, porque será impossível recuperar essas imagens mais tarde.
3- Opção “Guarde todos os dados EXIF das suas imagens”. Os dados EXIF são informações armazenadas nas fotos tais como: abertura, exposição, ISO,…
4- Opções “Optimizar para o formato WebP” e “Criar versões WebP das suas imagens”. Estas são as duas configurações que nos permitirão exibir imagens WebP no nosso website (a menos que utilizemos um plugin WordPress específico para isso). A primeira opção acrescenta regras de reescrita ao ficheiro de configuração do sítio (.htaccess) e não altera o código das suas páginas. A segunda opção substitui as etiquetas pelas etiquetas
5- A seguir vamos ao parâmetro “Redimensionar imagens maiores”, que lhe permite redimensionar automaticamente imagens maiores, definindo um tamanho máximo. Para evitar uma queda na qualidade da imagem, é geralmente aconselhável definir este valor para cerca do dobro do tamanho que iremos utilizar para as imagens. Também se pode desactivar esta funcionalidade desmarcando a caixa, se necessário.
6- Optimização do tema WordPress em uso.
7- Finalmente, é possível optar por optimizar certos formatos gerados pelo WordPress e excluir outros. Cada formato de imagem adicional irá afectar a quota mensal de utilização.
Uma vez feitas estas configurações, clicar em “Save & go to Bulk Optimisation”. Depois só temos de verificar a informação e clicar no botão “IMAGIF’EN ALL” para optimizar as imagens.
Quais são os resultados?
Num artigo anterior, testei o WP Rocket. Aqui estão os desempenhos obtidos após ter configurado este plugin:
E agora aqui está o desempenho do meu website após a instalação e configuração do Imagify:
Estes resultados são realmente excelentes, tendo em conta que estamos a falar de um site que já está optimizado. Em conclusão, só posso recomendar a utilização de Imagify, especialmente porque permite criar facilmente uma conta e optimizar um número de imagens gratuitamente.
Perguntas frequentes
O que é o formato WebP?
O formato WebP oferece compressão e qualidade de imagem superiores e é uma forma de optimizar as imagens e acelerar o seu tempo de carregamento em sítios web.
Porque é que a optimização de imagens melhora a SEO?
As imagens são um dos principais factores tidos em conta pelo Google ao medir os Core Web Vitals. A compressão de imagens assegurará que as suas imagens sejam carregadas mais rapidamente e melhorará o desempenho geral do seu sítio web.
O que é o Lazy Loading?
Graças ao Lazy Loading, os vídeos e imagens só serão exibidos progressivamente de acordo com a navegação do utilizador, quando necessário. Desta forma, o desempenho do seu website é melhorado, especialmente para websites com múltiplos vídeos incorporados e imagens de alta resolução. Esta funcionalidade, complementar à compressão de imagem, é oferecida pela WP Rocket.
