Otimizando imagens para o plugin WordPress Elementor

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

Muito parecido com Gutenberg, Elementor é um editor Wordpress que permite criar posts ou páginas enquanto vê como eles ficarão para seus leitores. A estrutura do Elementor também é semelhante à de Gutenberg, pois usa o agora familiar conceito de blocos. Isso torna o uso da Biblioteca de mídia WordPress ainda mais fácil, inclusive ao adicionar imagens otimizadas. Porém, comecemos pelo princípio: como você otimiza imagens no WordPress?

Otimizando Imagens com ImageRecycle

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

Você pode acessar a interface principal ImageRecycle no de mídia . Esta página é simples e bastante direta de usar. Ele lista todas as imagens da sua biblioteca de mídia e seus tamanhos e taxas de compactação. Você pode clicar no otimizar ao lado de imagens individuais para compactá-las ou no otimizar todas para otimizar todas as imagens de uma vez.

Muito do que acontece durante a compactação depende das configurações do ImageRecycle Por exemplo, você pode optar por usar o melhor salvamento ou compactação de qualidade original, que pode compactar imagens em até 80% e 20%, respectivamente. Você pode ler mais sobre a diferença entre esses dois modos aqui .

Qualquer que seja o modo de otimização que você escolher, essas imagens serão salvas na sua biblioteca de mídia do WordPress, o que significa que você pode usá-las em seus posts e páginas… independentemente do editor que estiver usando. No restante deste artigo, nos concentraremos em um editor específico: Elementor.

Usando imagens otimizadas no Elementor

Elementor é um editor poderoso para postagens e páginas do WordPress. Assim como Gutenberg, organiza o conteúdo em blocos, cada um representando um elemento diferente. Como você sabe, nenhum site está realmente completo sem imagens e Elementor não falta no domínio dos blocos de imagens. É aqui que entra a Biblioteca de Mídia.

Começamos o artigo explicando que o WordPress em si é bastante modular, e é aqui 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 WordPress que você acabou de otimizar com ImageRecycle.

Usar as imagens compactadas de ImageRecycleno Elementor é tão simples quanto arrastar e soltar qualquer bloco de imagem - seja uma imagem básica, um carrossel, galeria ou qualquer outra coisa - e carregar as imagens. Você escolhe 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 explorá-lo. ImageRecycle conecta a qualquer editor que você usa sem afetar seu fluxo de trabalho. Tudo o que você precisa fazer é otimizar as imagens e inseri-las em seu blog posteriormente, permitindo otimizar a experiência dos leitores do WordPress, independentemente do editor que você usa.