fbpx
imagify-plugin-wordpress

Cómo configurar y usar Imagify para optimizar gratis imágenes en WordPress en 2021 [Tutorial para principiantes]

Si, lo que has escuchado es cierto. Imagify es uno de los mejores plugin para optimizar archivos jpg, png, pdf y gif (animados o no), así como convertir imágenes WebP.

Este plugin te ayudará a ganar esos preciosos minutos que necesitas para mejorar la velocidad de carga y rendimiento de tu web.

Además, tiene otras características por las que deberías utilizarlo:

  1. Su interfaz es tan sencilla que no necesitas tener conocimientos técnicos para utilizarlo y configurarlo. No se espera menos de sus creadores, WP Rocket.
  1. Tiene un buen ratio conversión-calidad.
  1. Es flexible y tiene varios niveles de compresión.
  1. Las fotos e imágenes no pierden calidad (al menos no es tan visible).
  1. Cambia directamente el tamaño de las imágenes, así que no necesitas cambiarlo antes de cargar las imágenes.
  1. Luego de activarlo, optimizará automáticamente las imágenes existentes y futuras de tu instalación WordPress.
  1. Te permite restaurar las imágenes originales.
  1. Es compatible con WooCommerce y NextGen Gallery.

Así que en este artículo te voy a explicar todo lo que necesitas saber para que le saques el máximo provecho a Imagify: su instalación, configuración, funcionamiento, precio e incluso algunos complementos alternativos a este plugin.

¡Vamos a por ello!

imagify-plugin-configuracion-wordpress

Cómo instalar Imagify

Desde el Dashboard, ve al repositorio de WordPress e instala y activa el plugin. Ya sabes el procedimiento:

Plugins > Añadir nuevo > Buscar Imagify Image Optimizer > Instalar > Activar.

Luego de instalarlo y activarlo, te aparecerá una pantalla como esta.

imagify-configuración

En esta parte, debes cumplir estos tres sencillos pasos:

1.- Crea una cuenta

Luego de hacer clic en Regístrate, es GRATIS se abrirá una ventana flotante en la que debe escribir el correo electrónico con el que quieres registrarte.

Imagify te creará por defecto una cuenta gratuita con un plan free (Arrancador). Con este plan recibirás gratis 25 MB mensuales en webs ilimitadas, que te servirán para optimizar alrededor de 200 imágenes.

Si esta cantidad es insuficiente o estás decidido a optimizar siempre tus imágenes con este plugin puedes comprar uno de sus dos planes de pago, y en caso de que el plan que adquieras no cubra tus necesidades, no te preocupes porque también te da la opción de comprar bonos.

Entonces, una vez has creado tu cuenta y escogido tu plan (en caso de que desees uno de pago), se te generará una API KEY.

Necesitas la API KEY porque el procesamiento de las imágenes no se realiza en tu servidor, sino en los de Imagify, por lo que necesitas registrarte para que funcione correctamente, y para ello ameritarás esa llave digital.

Para obtenerla solo debes ir al menú desplegable de tu cuenta y clicar sobre la opción API & Integration, copiarla y regresa a WordPress.

2.- Ingresa tu clave API

Una vez dentro de WordPress haz clic en Tengo mi clave API, te aparecerá una ventana emergente en la que debes pegar la API y luego haz clic en Conéctame.

Una vez Imagify verifica que tu API es válida, te aparecerá el mensaje Enhorabuena. Solo resta que hagas clic en OK para culminar este importante paso. Luego ya estarás listo para iniciar el tercer y último paso.

3.- Configúralo

Al hacer clic en Ir a la configuración, Imagify te llevará a su sección de Ajustes Generales. Te la presento.

imagify-configuración-ajustes-generales

Todo el procedimiento de configuración te lo explico paso a paso a continuación. Sigue leyendo…

 

Cómo configurar Imagify

Te adelanto que configurar Imagify es bastante sencillo y no te tomará mucho tiempo.

Solo tiene tres áreas de configuración: Ajustes Generales, Optimización y Opciones de Visualización. ¿Vemos cada una? Venga entonces… 

Ajustes generales

Como viste en la imagen de arriba, aquí debes configurar cuatro funcionalidades:

1.- Nivel de optimización

Aquí debes establecer el nivel de compresión. Puedes escoger entre 3 niveles. Te los presento y cuento un poco en qué consiste cada uno, según Imagify.

  • Normal: La calidad de la imagen no es alterada, pues comprime sin perdidas.
  • Agresivo: El nivel de compresión es más fuerte, por lo que la imagen pierde un poco de calidad, aunque no es visible.
  • Ultra: Es el más alto nivel de compresión, sí puede notarse ligeramente la perdida de calidad de la imagen. 

Te sugiero elijas el nivel agresivo. Es el que yo siempre elijo y te adelanto que funciona muy bien.

Olvidaba contarte. Al lado de estas tres opciones verás la frase ¿Necesitas ayuda para elegir?

Si haces clic sobre ella, se supone, que podrás ver cómo se vería la imagen comprimida, aunque personalmente nunca hago esa comprobación visual porque considero que no muestra la diferencia.

Sin embargo, creo justo explicarte para qué sirve y la explores, si así lo deseas. 

2.- Optimización automática de imágenes al subirlas

Marca esta opción si deseas que Imagify optimice automáticamente todas las imágenes que cargues a tu biblioteca de medios.

3.- Backup de las imágenes originales

Si tienes bastante espacio en tu hosting, te recomiendo también marques esta opción.

No solo porque siempre es más seguro tener una copia de seguridad de tus fotografías originales, sino porque son necesarias para optimizar tus fotos usando un nivel de compresión diferente o hacer la conversión a WebP (con este formato gráfico tu web será más rápida).

4- Mantener los datos EXIF

Los datos EXIF son, grosso modo, la información de ubicación, fecha, hora en la que se tomó la fotografía, así como los parámetros usados por la cámara, llámese ISO, velocidad de obturación, etc.

Así que, si no eres fotógrafo o no es relevante este contenido para tu proyecto, no le veo mucho sentido que marques esta opción.

Optimización

imagify-configuracion-optimizacion

1.- Cambiar el tamaño de la imagen

Aquí debes establecer el ancho de pixel máximo para tus imágenes. E Imagify lo que hará es redimensionar todas las imágenes presentes y futuras a ese tamaño.

Yo te sugiero colocar 2048 px. No es común que las imágenes de un sitio web tengan un tamaño mayor a este, y de hecho, si colocas un puntaje menor te arriesgas a que te arroje un error.

Si lo deseas, puedes habilitar al plugin para que calcule automáticamente el tamaño y haga este trabajo por ti.

2.- Optimización de archivos

Cuando subes una imagen, WordPress puede generar versiones de esa imagen en distintos tamaños.

Y es precisamente en esta sección donde puedes seleccionar las miniaturas que quieres sean comprimidas (medium, large, médium large, thumbnail, twenty-seventeen-featured-image, etc.)

Imagify generará automáticamente una lista de todos los existentes en tu WP y tú solo debes marcar los tamaños de miniaturas que deseas optimizar.

Ahora bien, si no usas ningún tipo de miniatura, desmárcalas.  Recuerda que este tipo de imágenes también consumen parte de tu cuota de uso, y cada mega cuenta.

3.- Carpetas personalizadas

En esta parte puedes agregar las imágenes que están dentro del tema o cualquier carpeta de tu instalación WordPress al proceso de optimización.

Para iniciar el proceso solo debes hacer clic en el símbolo «+» o en el botón «Agregar carpetas» y seleccionar las carpetas. ¡Súper fácil!

4.- Crear conversiones WebP de las imágenes

 Imagify marca por defecto esta elección, mas no la opción Mostrar imágenes en formato WebP en el sitio.

Te recomiendo marques también esta última opción y luego selecciones Usar las etiquetas picture.

Así, Imagify optimizará no solo cada imagen que subas a tu WordPress (biblioteca de medios, temas y complementos), sino que le creará su versión WebP optimizada, tanto en su tamaño completo como miniatura

Esto es muy importante porque recuerda que teniendo tus imágenes en formato WebP cargarán aún más rápido. Y a mayor velocidad, mejor experiencia de usuario y mayor probabilidad de conversión.

Incluso, si quieres también puedes utilizar un CDN, agregando la URL en el campo en blanco.

Opciones de visualización

En esta última parte de la configuración, debes elegir:

1.- Si quieres o no tener el menú del plugin en la barra de herramientas de tu WordPress.

2.- Decidir si deseas que Imagify muestre los enlaces socios.

Solo selecciona lo que desees y luego haz clic en Guardar los cambios e ir a optimización masiva.

Si prefieres también puedes clicar en guardar cambios y luego acceder a esta herramienta desde el panel de administración haciendo clic en Medios > Optimización masiva.

En inglés lo encontrarás como Bulk Optimization y en la siguiente parte te cuento en qué consiste.

Optimización masiva de imágenes con Imagify

Si previo a la instalación de Imagify ya tienes imágenes en tu web, esta herramienta te cae como anillo al dedo, porque podrás optimizar de una sola vez todas las imágenes que tengas en tu WordPress.

Solo debes elegir nuevamente el nivel de compresión que deseas y después clicar sobre el botón Imagifícalo todo.

Ahora únicamente deberás esperar que Imagify haga su magia. Tardará dependiendo de la cantidad de imágenes.

Cuando termine la compresión te aparecerá el mensaje «¡Bien hecho!» sobre una franja de color verde. Además, el plugin te mostrará un resumen del trabajo que ha hecho, indicándote el porcentaje que redujo de los archivos y el tamaño de megas que has ahorrado.

IMPORTANTE: Si tu cuenta es gratuita, debes tener en cuenta que no podrás optimizar imágenes de más de 2MB. En este caso te sugiero considerar un plan de pago, la mayoría tienen un precio muy accesible.

¿Imagify dónde almacena las imágenes optimizadas y originales?

Imagify almacenará temporalmente tus imágenes en sus servidores y cuando culmine la optimización los reemplazará de manera automática en tu hosting sin modificar el nombre de la imagen.

Exactamente, podrás encontrarlas dentro de la carpeta wp-content / uploads, mientras que las imágenes originales estarán en la carpeta wp-content / uploads.

Planes y precio de Imagify  

Puedes escoger entre 2 planes:

1.- Infinito: Vale 9,99 $ por mes y te permite optimizar todas las imágenes que quieras cada mes.

2.- Crecimiento: Cuesta 4,99 $. Tienes disponible 500 MB, con los que puedes optimizar aproximadamente 5000 imágenes cada mes.

Plugins alternativos a Imagify

EWWW Image Optimizer

EWWW Image Optimizer es un plugin gratuito con una versión de pago. Con él puedes optimizar de manera automática cada archivo JPG, PNG o GIF todo tu WordPress, tanto las nuevas como las ya existentes.

Su principal ventaja es que todo el proceso de optimización se produce en los servidores del plugin y no en servidores de terceros. Esto hace que el proceso de optimización sea más rápido.

      Otras ventajas:

  • Crea copias de seguridad de tus imágenes y las almacena durante 30 días.
  • Protege tu conexión con un cifrado SSL de alto nivel.
  • Buena relación compresión-calidad.

plugin-alternativo-imagify-ewww-image-optimizer

Smush

Lo encontrarás en el repositorio de WordPress como Smush-Imágenes de carga diferida, Optimizar y comprimir imágenes.

También es un plugin freemium con el que puedes optimizar cada imagen GIF, PNG y JPG de tu instalación WordPress. Si usas su versión gratuita puedes hacerlo en lotes de 50 imágenes.

Si quieres conocer más sobre Smush y cómo optimizar imágenes con este plugin, lee este completo artículo. Te explico cómo configurarlo y utilizarlo correctamente.

plugin-alternativo-a-imagify-smush

 Short Pixel

Este plugin freemium comprime JPG, JPEG XR, JPEG 2000, PNG, GIF  fijos o animados y archivos PDF

Su trabajo de compresión de Shorth Pixel es muy bueno, a tal punto que hace tus imágenes más ligeras y con una apariencia similar a los archivos originales.

     Otras ventajas:

  • Es fácil de usar.
  • Mantiene seguros todos los archivos procesados.
  • Optimiza rápidamente las imágenes que ya tienes en tu WordPress y las que subirás luego de la instalación de este complemento.
  • Crea copias de seguridad de tus archivos.
  • Automatiza por lotes las imágenes, aunque no tarda mucho.
  • Sirve tus imágenes de CDN.
  • Optimiza imágenes NextGEN Gallery.
  • Se actualiza constantemente.
  • No optimiza imágenes que ya estén optimizadas (Imagify también tiene esta cualidad).
  • Puedes ejecutar el plugin en varias webs o multisitio con la misma clave de API.

plugin-alternativo-a-imagify-short-pixel

Conclusión

Como notas, existen buenas opciones para optimizar imágenes, pero si estás iniciando en el mundo WordPress o simplemente buscas una herramienta fácil de usar y muy efectiva, Imagify es para ti.

Este es uno de los complementos más sencillos que he encontrado para optimizar imágenes, así como convertir y servir en WebP. Además, sus planes de pago son bastante accesibles.

Anímate a usarlo. Solo sigue paso a paso las indicaciones que te compartí en este artículo. Verás que vale la pena cada minuto invertido.

Ante cualquier duda, te espero en los comentarios o en la sección de Soporte de IDEI HOSTING.

 

Déjanos tu comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *