Como optimizar imágenes en WordPress

¡Ahora sí! Aprenderás cómo optimizar imágenes en WordPress con el plugin Femora Compress.

Esta segunda parte inicia en el último punto del Paso 6 que explicamos en el post anterior. Veamos cómo se realiza la optimización y qué significa cada parte de la pantalla principal del plugin.

plugin femora compress instalado como optmizar imagenes en wordpress

Como optimizar imágenes con Femora Compress

Antes de empezar a optimizar imágenes en WordPress debes seguir los siguientes pasos.

Abrir cuenta de usuario del plugin

Lo primero que deberás hacer para usar adecuadamente Femora Compress es abrir una cuenta de usuario del plugin.

Para ello, deberás hacer click en la opción de «Configuración» del mismo:

abrir cuenta de femora compress

Una vez allí, deberás hacer click en el botón que dice «Registrarte«:

Instalación-Femora-19

Se abrirá una nueva pestaña en tu navegador que te conducirá al sitio web de Femora.pro. Procede a crear tu cuenta de Femora Compress completando los datos que se solicitan en el formulario:

registrarse en femora compress

Iniciar sesión en el plugin

Completado el formulario, regresa al dashboard de tu sitio web en WordPress y coloca tus datos para acceder:

Iniciar sesión en Femora Compress

Podrás comprobar que ahora tu plugin Femora Compress se ha conectado con tu cuenta:

Instalación de femora compress

Busca las imágenes a optimizar

Corresponde dirigirse nuevamente a la vista principal del plugin. Estando allí, harás click en «SEARCH IMAGES» (Buscar Imágenes) a fin de que el plugin detecte todas las imágenes que tienes en la biblioteca de medios de tu sitio web:

buscar imagenes en femora compress

El plugin analizará tu sitio web, para lo cual deberás esperar a que culmine el proceso de búsqueda:

espera de la optimizacion de imagenes

Terminada la búsqueda, podrás ver una pantalla donde se recogen los datos que indican la totalidad de imágenes (en la parte superior) y el detalle de cada imagen en específico (en la parte inferior):

Imagenes optimizadas en femora compress

Revisar configuración

Antes de iniciar formalmente el proceso de optimización, deberás asegurarte de marcar las casillas «Create backup» (Crear respaldo) y «PNG and JPEG to WebP«. Esta última será la que indicará al plugin que todas las imágenes que tengas en tu biblioteca de medios en formato PNG y/o JPEG deberán ser optimizadas al formato WebP:

imagenes jpg y png

Femora Compress realiza un doble proceso de optimización generando archivos JPEG nuevos optimizados y archivos WebP, los cuales garantizarán el incremento sustancial de la velocidad de carga de tu sitio web.

Optimizar las imágenes

Finalmente ha llegado el momento de comenzar la optimización. Has click en «OPTIMIZE» (Optimizar):

imagenes encontradas como optimizar imagenes en wordpress

Se iniciará el proceso y podrás ver como progresivamente va disminuyendo el número de imágenes pendientes por optimizar a medida que se va llenando la barra de medición:

Instalación-Femora-28

Posterior a la optimización de tus imágenes

¡Felicitaciones! Has culminado exitosamente el proceso de optimización. Quedan pocas cosas por hacer. Comprobaremos qué tan efectivo nos ha resultado el mismo y qué tanto se ha reducido la carga de nuestro sitio.

Comprobar optimización

Lo primero que debes hacer es recargar la página (puedes hacerlo pulsando la tecla F5) para que se cargue por completo la nueva información de los medios de tu sitio web.

Podremos constatar en la línea inferior a las casillas que marcamos previo al inicio del proceso el Peso Total (Total Weight) de tus imágenes antes de este y el Nuevo Peso (New Weight) posterior al mismo.

optimizar imagenes en wordpress optimizar imagenes en wordpress

En la parte inferior, podremos ver el detalle de cada imagen y el cambio efectuado en ellas.

optimizar imagenes en wordpress

Es importante que detallemos el significado de cada columna para así tener mayor claridad de lo generosa que ha resultado la optimización efectuada por Femora Compress:

comparacion de imagenes optimizar imagenes en wordpress
  • NAME: Indica la ruta y el nombre de cada archivo en tu biblioteca de medios.
  • FORMAT: Indica el formato original que tenía el archivo (y sigue teniendo, pues ha sido guardado en el respaldo que hizo Femora Compress antes de optimizar las imágenes).
  • PREVIOUS WEIGHT: Indica el Peso (en megas) que tenía el archivo antes de la optimización.
  • NEW WEIGHT: Indica el Peso (en megas) que tiene el nuevo archivo JPEG generado durante la optimización. Este archivo será utilizado solo en caso de que se abra tu sitio web en algún navegador antiguo que no soporte el formato WebP.
  • NEW WEIGHT WEBP: Indica el Peso (en megas) que tiene el nuevo archivo WEBP generado durante la optimización. Este será el archivo a ser utilizado ahora durante la carga de tu sitio web.
  • COMPARE: Esta opción te permite comparar de forma visual la calidad de imagen antes y después de la optimización para que compruebes que, a pesar de la evidente reducción de peso de tus archivos, Femora Compress te garantiza que se conserva idéntica la calidad visual de los mismos.
  • SAVED: Expresa en qué porcentaje se redujo el tamaño del archivo optimizado.

Comparar optimización

Al hacer click en el link «Compare» de cualquier imagen se desplegará una ventana superpuesta que permitirá evaluar su calidad Antes (Before, lado izquierdo) y Después (After, lado derecho) de la optimización con Femora Compress.

antes de optimizar optimizar imagenes en wordpress
despues de optimizar optimizar imagenes en wordpress

¡Ya estas listo para usar Femora Compress! ¡Te damos la bienvenida a la nueva manera revolucionaria de optimizar de forma sencilla, automática y segura las imágenes de los sitios web desarrollados con WordPress!

Deja un comentario

Soportescreen tag