Imagify: como optimizar as suas imagens para acelerar o seu sítio web?

Imagify Logotipo
WP Rocket Plugin

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.

Instalação de Plugin Imagify
Instalação e activação do 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:

Instalar o IMAGIFY e criar uma conta
Criar uma conta gratuita

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 do IMAGIFY - chave API
Chave API válida

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

IMAGIFY - Preços
Preços

É 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.

Imagify Logotipo

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.

Instalação do MAGIFY - configuração geral
Três níveis de optimização

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 . Esta é a solução recomendada, mas alguns temas podem quebrar, por isso certifique-se de que tudo está a funcionar correctamente.

Instalação do MAGIFY - configuração geral
Configuração do WebP

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.

Instalação do MAGIFY - configuração geral
Redimensionamento automático de imagem

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.

IMAGIFY Optimisation terminee
Optimização bem sucedida

Quais são os resultados?

Num artigo anterior, testei o WP Rocket. Aqui estão os desempenhos obtidos após ter configurado este plugin:

Desempenho do website após Lazy Load de imagens, iframes e vídeos - WP Rocket plugin
Desempenho com WP Rocket

E agora aqui está o desempenho do meu website após a instalação e configuração do Imagify:

Desempenho alcançado através de Imagify image optimisation
Desempenho alcançado através de Imagify image optimisation

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.

WP Rocket Plugin

This publication is also available in : English Français Español Italiano Deutsch Svenska Русский Indonesia Tiếng Việt

Philippe

Blog about WordPress Plugins, WordPress Themes, VPN and Web Hosting.

Deixe um comentário