Compactar e otimizar imagens com o Lightbox responsivo e o plug-in da Galeria

As galerias do WordPress, como as criadas pelo plugin Responsive Lightbox & Gallery , são uma combinação de elegância e conveniência. Com as galerias, você não precisa se preocupar em reorganizar as imagens. Você também economiza espaço e pode incluir quantas imagens quiser. O problema é que uma galeria também é maior em tamanho do que uma única imagem e, portanto, pode resultar em tempos de carregamento mais lentos em seu blog WordPress.

Se você usa galerias e está enfrentando tempos de carregamento lentos em seu blog do WordPress, um bom ponto de partida para corrigir o problema é a otimização de imagens. Ao compactar e otimizar suas imagens, você pode economizar no tempo de carregamento, melhorando simultaneamente a experiência dos usuários do WordPress e impulsionando os resultados de SEO. ImageRecycle permite que você faça tudo isso.

Compactação de imagens para o plug-in responsivo Lightbox & Gallery

O Responsive Lightbox & Gallery é um plugin do WordPress para criar galerias com caixas de luz - imagens que saem e cobrem seu conteúdo - com muita facilidade. A variedade de opções de personalização e a interface de arrastar e soltar fácil de usar tornaram o plug-in extremamente popular.

No entanto, use muitas galerias e você perceberá que o blog do WordPress leva mais tempo para carregar. Isso não significa que você precise usar menos imagens ou remover uma galeria. Uma solução melhor é manter todas as suas caixas de luz e galerias, mas otimizar as imagens. Ao compactá-los, o seu blog WordPress volta ao carregamento rapidamente.

Esteja você usando o Responsive Lightbox & Gallery ou qualquer outra galeria de plugin de galeria para WordPress, o primeiro passo para compactar e otimizar suas imagens de galeria é ImageRecycle . ImageRecycle é um plugin que permite compactar imagens em massa, redimensioná-las e configurar seu blog WordPress para otimizar automaticamente novas imagens.

Para começar a compactar imagens, baixe e instale o plugin ImageRecycle . Antes de otimizar qualquer mídia, você precisa ativar sua assinatura. Vá para ImageRecycle no menu Configurações . Insira sua chave e segredo de API, marque ativar otimização de mídia e salve as alterações. Se a chave e o segredo da API estiverem corretos, você deverá ver a barra de cota de otimização na parte superior.

Depois de ativar sua licença ImageRecycle , você pode começar a compactar imagens ou personalizar ainda mais seu plug-in ImageRecycle . Por exemplo, você pode escolher redimensionar todas as imagens assim que forem carregadas. Você também pode escolher um tipo de compactação para diferentes tipos de arquivo.

ImageRecycle suporta dois tipos de compressão de imagem: sem perdas e melhor economia. Com a compactação de melhor economia, você pode economizar até 80% do tamanho do arquivo ao otimizar imagens. Com o salvamento sem perdas, você pode reduzir os tamanhos das imagens em no máximo 20%, mas também pode revertê-los a qualquer momento. Você pode ler mais sobre as vantagens e desvantagens da compactação sem perdas e com melhor economia aqui .

Depois de terminar de configurar o ImageRecycle , é hora de começar a otimizar as imagens do Responsive Lightbox & Gallery. O Responsive Lightbox & Gallery usa a biblioteca de mídia WordPress. O que isso significa para você é que você não precisa alterar seu fluxo de trabalho. Tudo o que você precisa fazer é compactar sua biblioteca de mídia do WordPress e, em seguida, usar as imagens otimizadas em qualquer lugar, incluindo em galerias e suas mesas de luz.

Para otimizar sua biblioteca de mídia do WordPress, escolha ImageRecycle no menu Mídia . A tabela mostra todas as imagens encontradas no seu blog WordPress: seus nomes, tamanhos e taxa de compactação, caso tenham sido otimizadas. A última coluna permite compactar ou reverter imagens (se você estiver usando compactação sem perdas).

Se você é novo no ImageRecycle , relaxe - você não precisa compactar cada imagem individualmente. ImageRecycle inclui opções de otimização em massa: selecione as imagens que deseja compactar e escolha a otimização selecionada ou clique em otimizar tudo para compactar todas as imagens em sua biblioteca de mídia do WordPress. Agora, é hora de usar as imagens recém-compactadas no Responsive Lightbox & Gallery.

Usando imagens otimizadas na Lightbox e na galeria responsivas

Depois de compactar sua biblioteca de mídia do WordPress, você pode usar as imagens otimizadas em Responsive Lightbox & Gallery como usaria qualquer outra imagem. No menu da barra lateral do WordPress, crie uma nova galeria. A primeira coisa que você precisa fazer é escolher as imagens que vão para a galeria.

Clique em selecionar imagens e escolha os arquivos da sua biblioteca de mídia do WordPress. Como essas imagens já foram otimizadas, o plug-in Responsive Lightbox & Gallery usa automaticamente as versões compactadas.

Tudo o resto permanece o mesmo. Você pode inserir a nova galeria usando o shortcode da barra lateral direita ou usando o galeria no editor Gutenberg do WordPress. Quando você clica em uma imagem, o Lightbox & Galeria responsivo carrega um lightbox com a mídia otimizada.

Assim, o Responsive Lightbox & Gallery usa suas imagens compactadas sem que você precise alterar seu fluxo de trabalho. Se cada imagem for compactada em 20% do tamanho original, você obterá esses ganhos de otimização em todas as imagens de suas galerias. O resultado: uma experiência mais rápida do WordPress, sem comprometer seu conteúdo ou alterar seu fluxo de trabalho.