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

El concepto de bloques modulares que conforman las entradas y páginas de WordPress surgió con Gutenberg, pero en realidad, WordPress tiene una estructura modular. Por ejemplo, tu biblioteca multimedia de WordPress. Puedes subir imágenes y usarlas en entradas o páginas, independientemente del editor que uses. En este artículo, nos centramos específicamente en Elementor y en cómo optimizar imágenes con ImageRecycle.

Al igual que Gutenberg, Elementor es un editor de WordPress que te permite crear entradas o páginas y ver cómo se verán tus lectores. La estructura de Elementor también es similar a la de Gutenberg, ya que utiliza el ya conocido concepto de bloques. Esto facilita aún más el uso de la biblioteca multimedia de WordPress, incluso al añadir imágenes optimizadas. Empecemos por lo primero: ¿cómo se optimizan las imágenes en WordPress?

Optimización de imágenes con ImageRecycle

Si nunca has usado ImageRecycle , optimizar imágenes de WordPress es un proceso rápido y sencillo. Primero, debes descargar e instalar el ImageRecycle en tu sitio web de WordPress. Una vez instalado, ve a su configuración en el de ajustes e introduce tu clave API y tu clave secreta. Guarda los cambios y, si la clave y la clave secreta coinciden, puedes empezar a optimizar imágenes inmediatamente.

Puedes acceder a la interfaz principal ImageRecycle desde el multimedia . Esta página es sencilla y fácil de usar. Muestra todas las imágenes de tu biblioteca multimedia, junto con sus tamaños y tasas de compresión. Puedes hacer clic en el "Optimizar" junto a cada imagen para comprimirlas, o en el "Optimizar todo" para optimizarlas todas a la vez.

Gran parte de lo que ocurre durante la compresión depende de la ImageRecycle . Por ejemplo, puedes elegir entre la compresión con mejor calidad de guardado o la compresión con calidad original, que pueden comprimir las imágenes hasta un 80 % y un 20 %, respectivamente. Puedes leer más sobre la diferencia entre estos dos modos aquí .

Independientemente del 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 entradas y páginas, independientemente del editor que uses. En el resto de este artículo, nos centraremos en un editor en particular: Elementor.

Uso de imágenes optimizadas en Elementor

Elementor es un potente editor para entradas y páginas de WordPress. Al igual que Gutenberg, organiza el contenido en bloques, cada uno representando un elemento diferente. Como sabes, ningún sitio web está completo sin imágenes, y Elementor cuenta con una amplia gama de bloques de imágenes. Aquí es donde entra en juego la Biblioteca Multimedia.

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

Usar las imágenes comprimidas de ImageRecycleen Elementor es tan sencillo como arrastrar y soltar cualquier bloque de imagen (ya sea una imagen básica, un carrusel, una galería o cualquier otra) y cargar las imágenes. Selecciona 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 aprovecharlo. ImageRecycle se integra con cualquier editor que uses sin afectar tu flujo de trabajo. Solo necesitas optimizar las imágenes e insertarlas en tu blog posteriormente, lo que te permite optimizar la experiencia de tus lectores de WordPress, independientemente del editor que uses.