Optimización de imágenes para el complemento Elementor de WordPress

El concepto de bloques modulares que componen las publicaciones y páginas de WordPress llegó junto con Gutenberg, pero en realidad, WordPress en sí tiene una estructura modular. Tome su biblioteca de medios de WordPress, por ejemplo. Puede cargar imágenes y usarlas en publicaciones o páginas, independientemente del editor que esté utilizando. En este artículo, nos enfocamos específicamente en Elementor y en cómo puede optimizar las imágenes usando ImageRecycle .

Al igual que Gutenberg, Elementor es un editor de Wordpress que te permite crear publicaciones o páginas mientras ves cómo las verán tus lectores. La estructura de Elementor también es similar a la de Gutenberg, ya que utiliza el ahora familiar concepto de bloques. Eso hace que el uso de la biblioteca multimedia de WordPress sea aún más fácil, incluso al agregar imágenes optimizadas. Pero lo primero es lo primero: ¿cómo se optimizan las imágenes en WordPress?

Optimización de imágenes con ImageRecycle

Si nunca ha utilizado ImageRecycle , optimizar imágenes de WordPress es un proceso rápido y sencillo. Primero deberá descargar e instalar el ImageRecycle en su sitio web de WordPress. Una vez que instale el complemento, diríjase a su configuración en el de configuración e ingrese su clave API y su secreto. Guarde los cambios y, si la clave y el secreto coinciden, podrá comenzar a optimizar las imágenes inmediatamente.

Puede acceder a la interfaz principal ImageRecycle desde el multimedia . Esta página es simple y bastante directa de usar. Enumera todas las imágenes de su biblioteca multimedia, y sus tamaños y tasas de compresión. Puede hacer clic en el optimizar junto a las imágenes individuales para comprimirlas, o en el optimizar todo para optimizar todas las imágenes a la vez.

Mucho de lo que sucede durante la compresión depende de la configuración de ImageRecycle . Por ejemplo, puede optar por utilizar la mejor compresión de ahorro o de calidad original, que puede comprimir imágenes hasta en un 80 % y un 20 %, respectivamente. Puede leer más sobre la diferencia entre estos dos modos aquí .

Cualquiera que sea el modo de optimización que elijas, estas imágenes se guardan en tu biblioteca multimedia de WordPress, lo que significa que puedes usarlas en tus publicaciones y páginas… independientemente del editor que estés usando. En el resto de este artículo, nos centramos en un editor en particular: Elementor.

Usando imágenes optimizadas en Elementor

Elementor es un potente editor para publicaciones y páginas de WordPress. Al igual que Gutenberg, organiza el contenido en bloques, cada uno de los cuales representa un elemento diferente. Como sabes, ningún sitio web está realmente completo sin imágenes y Elementor no falta en el ámbito de los bloques de imágenes. Aquí es donde entra en juego la biblioteca multimedia.

Comenzamos el artículo explicando que WordPress en sí es bastante modular, y aquí es donde todo encaja. ¿De dónde obtendría Elementor sus imágenes, si no de la Biblioteca de medios? Es decir, la misma biblioteca multimedia de WordPress que acaba de optimizar con ImageRecycle .

Usar las imágenes comprimidas de ImageRecycle en Elementor es tan simple como arrastrar y soltar cualquier bloque de imagen, ya sea una imagen básica, un carrusel, una galería o cualquier otra cosa, y cargar las imágenes. Usted elige imágenes directamente de la biblioteca multimedia de WordPress, que carga automáticamente las imágenes comprimidas.

WordPress es esencialmente modular y sería un desperdicio no explotarlo. ImageRecycle vincula con cualquier editor que use sin afectar su flujo de trabajo. Todo lo que necesita hacer es optimizar las imágenes e insertarlas en su blog más tarde, lo que le permitirá optimizar la experiencia de los lectores de WordPress, independientemente del editor que utilice.