Optimización de imágenes para WordPress Elementor Plugin

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 se verán para tus lectores. La estructura de Elementor también es similar a la de Gutenberg, ya que utiliza el concepto ahora conocido de bloques. Eso hace que usar la Biblioteca de medios de WordPress sea aún más fácil, incluso al agregar imágenes optimizadas. Lo primero es lo primero: ¿cómo optimizas las imágenes en WordPress?

Optimización de imágenes con ImageRecycle

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

Puede acceder a la interfaz principal de ImageRecycle desde el menú multimedia . Esta página es simple y bastante sencilla 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 el botón situado junto a imágenes individuales para comprimirlos, o en la optimización de todas botón 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í .

Independientemente del modo de optimización que elija, estas imágenes se guardan en su Biblioteca de medios de WordPress, lo que significa que puede usarlas en sus publicaciones y páginas ... independientemente del editor que esté utilizando. En el resto de este artículo, nos enfocamos en un editor en particular: Elementor.

Uso de 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 saben, ningún sitio web está realmente completo sin imágenes y Elementor no carece del dominio de los bloques de imágenes. Aquí es donde entra la Biblioteca de Medios.

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.