Otimizando imagens para o plugin Elementor do WordPress

O conceito de blocos modulares que compõem posts e páginas do WordPress surgiu junto com o Gutenberg, mas, na verdade, o próprio WordPress é modular em sua estrutura. Veja, por exemplo, a sua Biblioteca de Mídia do WordPress. Você pode fazer upload de imagens e usá-las em posts ou páginas, independentemente do editor que estiver usando. Neste artigo, vamos nos concentrar especificamente no Elementor e em como você pode otimizar imagens usando ImageRecycle.

Assim como o Gutenberg, o Elementor é um editor do WordPress que permite criar posts ou páginas enquanto você visualiza como eles ficarão para seus leitores. A estrutura do Elementor também é semelhante à do Gutenberg, pois utiliza o já conhecido conceito de blocos. Isso facilita ainda mais o uso da Biblioteca de Mídia do WordPress, inclusive na hora de adicionar imagens otimizadas. Mas, antes de mais nada: como otimizar imagens no WordPress?

Otimizando imagens com ImageRecycle

Se você nunca usou ImageRecycle , otimizar imagens no WordPress é um processo rápido e fácil. Primeiro, você precisa baixar e instalar o ImageRecycle no seu site WordPress. Depois de instalar o plugin, acesse a configuração no de configurações e insira sua chave e segredo da API. Salve as alterações e, se a chave e o segredo coincidirem, você poderá começar a otimizar as imagens imediatamente.

Você pode acessar a interface principal ImageRecycle pelo de mídia . Esta página é simples e bastante intuitiva. Ela lista todas as imagens da sua biblioteca de mídia, seus tamanhos e taxas de compressão. Você pode clicar no "Otimizar " ao lado de imagens individuais para comprimi-las ou no "Otimizar tudo" para otimizar todas as imagens de uma só vez.

Muitas das ImageRecycle . Por exemplo, você pode optar por usar a compressão com a melhor preservação possível ou a compressão com a qualidade original, que podem comprimir as imagens em até 80% e 20%, respectivamente. Você pode ler mais sobre a diferença entre esses dois modos aqui .

Independentemente do modo de otimização escolhido, essas imagens são salvas na sua Biblioteca de Mídia do WordPress, o que significa que você pode usá-las em suas postagens e páginas… independentemente do editor que estiver usando. No restante deste artigo, vamos nos concentrar em um editor específico: o Elementor.

Utilizando imagens otimizadas no Elementor

O Elementor é um editor poderoso para posts e páginas do WordPress. Assim como o Gutenberg, ele organiza o conteúdo em blocos, cada um representando um elemento diferente. Como você sabe, nenhum site está realmente completo sem imagens, e o Elementor não deixa a desejar nesse quesito. É aí que entra a Biblioteca de Mídia.

Começamos o artigo explicando que o próprio WordPress é bastante modular, e é aí que tudo se encaixa. De onde o Elementor obteria suas imagens, senão da Biblioteca de Mídia? Ou seja, a mesma Biblioteca de Mídia do WordPress que você acabou de otimizar com ImageRecycle.

Usar as imagens compactadas do ImageRecycleno Elementor é tão simples quanto arrastar e soltar qualquer bloco de imagem — seja uma imagem básica, um carrossel, uma galeria ou qualquer outra coisa — e carregar as imagens. Você escolhe as imagens diretamente da Biblioteca de Mídia do WordPress, que carrega automaticamente as imagens compactadas.

O WordPress é essencialmente modular e seria um desperdício não explorar esse potencial. ImageRecycle se integra a qualquer editor que você utilize, sem interferir no seu fluxo de trabalho. Tudo o que você precisa fazer é otimizar as imagens e inseri-las no seu blog posteriormente, permitindo que você otimize a experiência dos seus leitores do WordPress, independentemente do editor que você usa.