Imagify: optimizar imágenes en WordPress sin perder calidad

Logotipo de Imagify
Complemento WP Rocket

¿Por qué usar un complemento de optimización de imágenes?

Por supuesto, existen muchas herramientas en línea que nos permiten cargar nuestras imágenes en línea y luego en WordPress: es un doble esfuerzo que puede llevar mucho tiempo si estamos trabajando con una gran cantidad de archivos de imágenes.

Un optimizador de imágenes de WordPress como Imagify, no solo comprime nuestras imágenes al cargarlas, sino que también puede realizar una optimización masiva para todos los archivos que ya están en nuestra biblioteca de medios de WordPress.

Otro aspecto a considerar es el costo de usar una herramienta en línea: la mayoría de ellas son gratuitas, pero a veces las mejores funciones solo están disponibles para usuarios premium. Sin embargo, si la herramienta es 100% gratuita, las posibilidades de optimización son mínimas.

Otra ventaja es que Imagify puede trabajar y optimizar nuestras imágenes en sinergia con WP Rocket, gracias a una asociación entre estas dos empresas. Por lo tanto, es particularmente efectivo utilizar la función Lazy Load para mejorar el rendimiento y el SEO de nuestro sitio web.

Instalación de Imagify

1. Crea una cuenta gratis

Podemos crear una cuenta de forma gratuita yendo al sitio de Imagify. También es posible ir directamente al panel de administración de WordPress, luego hacer clic en Complementos y luego Agregar nuevo. Debemos escribir “Imagify” en el campo de búsqueda, y luego podemos instalar y luego activar el complemento.

Instalación del complemento Imagify
Instalación y activación del complemento.


También es posible descargar el complemento directamente desde el sitio wordpress.org. Todo lo que queda es ir al panel de administración de WordPress, luego hacer clic en Complementos, luego Agregar nuevo y descargar el archivo ZIP sin descomprimirlo.
Para aquellos que tienen el complemento WP Rocket, pueden instalar Imagify yendo a la pestaña “optimización de imagen”.
Entonces vemos aparecer esta notificación:

Instalar IMAGIFY y crear una cuenta
Crea una cuenta nueva

Solo necesitamos ingresar un correo electrónico, no se solicitará ninguna otra información personal. Una vez que se haya enviado la dirección de correo electrónico, recibiremos una respuesta que contiene nuestra información de inicio de sesión. Tras hacer clic en el enlace de activación e iniciar sesión, tendremos acceso al panel de control de Imagify.

2. Ingrese su clave API

La autenticación se realiza mediante una clave API. Esto se puede encontrar en el correo electrónico de activación que recibimos.

Instalación de IMAGIFY - Clave API
Clave de API válida

Después de copiar la clave API, podemos volver a nuestra página original y hacer clic en el botón TENGO MI CLAVE API. Esto abre un cuadro de diálogo con una entrada para agregar nuestra clave API. Una vez que se ingresa esta clave API, deberíamos ver una nota que dice “¡Felicitaciones! Su clave API es válida. Ahora puede configurar los ajustes de Imagify para optimizar sus imágenes”.

Precios de Imagify

IMAGIFY - Precios
Precios

Es posible optimizar 20 MB de imágenes al mes de forma gratuita, lo que supone unas 200 imágenes al mes, y si quieres poder optimizar más imágenes, solo existe un plan de pago: el precio es de 9,99 $ al mes con acceso ilimitado. En caso de pago anual, esta opción brinda 2 meses gratis: el complemento costará $ 99.9 por año o $ 8.33 por mes.

Logotipo de Imagify

Configuración de Imagify

Ahora tenemos acceso a la configuración general de Imagify y podemos notar que tenemos crédito por poder optimizar las imágenes en nuestro sitio web.

1- Se nos ofrecen tres opciones de optimización de imagen: Normal, Agresivo, Ultra. Si no queremos ninguna bajada de calidad, tenemos que elegir el modo Normal. Sin embargo, el modo Agresivo es el recomendado, ya que funcionará en la mayoría de las situaciones. Será realmente muy difícil notar la más mínima diferencia en la calidad. El modo Ultra utiliza un nivel máximo de optimización, lo que permite un ahorro masivo en el tamaño de la imagen, pero a cambio habrá una pequeña pérdida de calidad. Es posible utilizar una herramienta de comparación visual directamente en el sitio web de Imagify.

Instalación de MAGIFY - configuración
Tres niveles de optimización

2- Opción de optimizar automáticamente cada imagen que enviaremos a WordPress. Si queremos ahorrar espacio en nuestro servidor, también debemos desmarcar la casilla “Guardar imágenes originales”. Hay que asegurarse en este caso de que siempre almacenemos una copia de la imagen original en nuestro ordenador porque después será imposible recuperar estas imágenes.

3- Opción “Conservar todos los datos EXIF ​​de tus imágenes”. Los datos EXIF ​​son información almacenada en fotos como: apertura de la lente, exposición, ISO, etc.

4- Opciones “Optimización en formato WebP” y “Crear versiones WebP de tus imágenes”. Estas son las dos configuraciones que permitirán que las imágenes se muestren en formato WebP en nuestro sitio web (a menos que use un complemento de WordPress específico para esto). La primera opción agrega reglas de reescritura al archivo de configuración del sitio (.htaccess) y no altera el código de sus páginas. La segunda opción reemplaza las etiquetas. por balizas . Esta es la solución recomendada, pero algunos temas pueden fallar, por lo que debe asegurarse de que todo funcione correctamente.

Instalación de MAGIFY - configuración
Configuración WebP

5- Luego vamos al parámetro “Redimensionar imágenes más grandes”, que permite redimensionar automáticamente imágenes grandes, estableciendo una dimensión máxima. Para evitar una caída en la calidad de las imágenes, generalmente es recomendable establecer este valor en aproximadamente el doble de las dimensiones que usaremos para las imágenes. También puede desactivar esta función desmarcando la casilla si es necesario.

6- Optimización del tema WordPress en uso.

7- Finalmente, es posible optar por optimizar ciertos formatos generados por WordPress y excluir otros. Cada formato de imagen adicional afectará la cuota de uso mensual.

Instalación de MAGIFY - configuración
Cambio de tamaño de imagen automático

Una vez que se hayan realizado estos ajustes, haga clic en “Guardar e ir a Optimización masiva”. Luego solo tenemos que revisar la información y hacer clic en el botón “IMAGIF’EN ALL” para optimizar las imágenes.

IMAGIFY Optimisation terminee
Optimización exitosa

¿Cuáles son los resultados?

En un artículo anterior, probé WP Rocket. Aquí están los rendimientos obtenidos después de configurar este complemento:

Rendimiento del sitio web de Lazyload de iframes e imágenes de video: complemento WP Rocket
Rendimiento obtenido gracias a WP Rocket

Y ahora aquí está el rendimiento de mi sitio web después de instalar y configurar Imagify:

Rendimiento logrado a través de la optimización de imágenes por parte de Imagify
Rendimiento logrado a través de la optimización de imágenes por parte de Imagify

Estos resultados son realmente excelentes, sabiendo que estamos hablando de un sitio ya optimizado. En conclusión, solo puedo recomendar el uso de Imagify, especialmente porque le permite crear fácilmente una cuenta y optimizar varias imágenes de forma gratuita.

Preguntas frecuentes

¿Qué es el formato WebP?

El formato WebP ofrece compresión y calidad de imagen superiores y es una forma de optimizar las imágenes y acelerar sus tiempos de carga en los sitios web.

¿Por qué optimizar las imágenes mejora el SEO?

Las imágenes son uno de los principales factores que Google considera al medir Core Web Vitals. La compresión de imágenes asegurará que sus imágenes se carguen más rápido y mejorará el rendimiento general de su sitio web.

¿Qué es Lazy Loading?

Gracias a Lazy Loading, los videos e imágenes solo se mostrarán gradualmente siguiendo la navegación realizada por el usuario, cuando sea necesario. De esta manera, se mejora el rendimiento de su sitio web, especialmente para sitios web con múltiples videos incrustados e imágenes de alta resolución. Esta función, complementaria a la compresión de imágenes, la ofrece WP Rocket.

Complemento WP Rocket
Complemento WP Rocket

Article also available in : English Français Italiano Svenska

Deja una respuesta