tutorial smush

En este post vamos a aprender a utilizar el plugin WP Smush que sirve para redimensionar, optimizar y comprimir todas las imágenes de nuestra instalación de WordPress.

Redimensionar Imágenes

El punto fuerte de WP Smush es que redimensiona las imágenes que has subido a WordPress al tamaño en el que se visualizan.

No tener las imágenes al mismo tamaño que se muestran en la web es el principal problema de rendimiento y velocidad de carga de la mayoría de las páginas web.

Cuando subimos una imagen, WordPress cargará la imagen al tamaño completo y luego la redimensiona para que se muestre en la zona donde hemos insertado la imagen.

Esto aumenta el peso total de la página y hace más lenta nuestra web ya que se carga una imagen enorme.

Lo ideal sería crear las imágenes para nuestra web midiendo los pixeles del espacio que va a ocupar (podemos hacerlo con extensiones de chrome como Page Ruler) y luego crear la imagen al tamaño adecuado.

O si utilizamos las imágenes de los bancos de internet tendríamos que modificar su tamaño en programas como Photoshop o Gimp.

Con WP Smush si subes una imagen con un tamaño de 1920 x 500 pixeles pero que se muestra en un bloque de tu web donde solo se muestra a 700px de ancho, este plugin la redimensiona y ajusta al tamaño óptimo automáticamente.

 

redimensionar imagenes en wordpress

 

WP Smush

WP Smush es un plugin freemium (Gratis con opciones de pago) para WordPress con más de 700.000 instalaciones activas, y que se actualiza constantemente que analiza, redimensiona, optimiza y comprime las imágenes que usemos en WordPress.

La versión Gratis de WP Smush nos permite:

  • Optimizar las imágenes automáticamente en la subida a WordPress
  • Comprimir las imágenes individualmente
  • Redimensionar masivamente por lotes de 50 en 50 las imágenes que hemos subido a WordPress para que sean del mismo tamaño al que se muestran para mejorar el tiempo de carga de la web.
  • Comprimir las imágenes para reducir el tamaño del archivo
  • Optimiza las imágenes eliminado metadatos
  • Optimiza las imágenes de otros directorios como plugins y temas.

La versión Pro de WP Smush nos permite:

  • Comprimir todas las imágenes con un solo click
  • Mejor compresión de las imágenes
  • Hacer una copia de las imágenes originales
  • Conversión con perdida

 

Optimización de imágenes con WP Smush

Una vez instalado las opciones de Wp Smush se encuentran en Medios > WP Smush

En la página de configuración encontraremos varios botones y configuraciones.

 

optimizacion de imagenes con WP Smush

 

Con el botón RE-CHECK IMAGES el plugin analizara todas las imágenes que necesitan optimización.

Y con el botón BULK SMUSH NOW se comprimirán y optimizaran todas las imágenes por lotes y al iniciar la optimización masiva el avance del proceso se mostrara con una barra de progreso.

 

tutorial smush wordpress

 

También podremos optimizar las imágenes individualmente desde la biblioteca de imágenes, dentro de los detalles de la imagen.

 

compresion individual smush wordpress

 

Configuración de WP Smush

En el apartado settings de las opciones del plugin podemos configurar las siguientes opciones:

 

configuracion-de-wp-smush

 

Automatically smush my images on upload: Activar o desactivar que smush comprima las imágenes cuando las subimos a WordPress. Activar esta opción comprime las imágenes a automáticamente al subirlas a WordPress pero pueden tardar más en subirse dependiendo de nuestro hosting o de si subimos muchas imágenes a la vez.

The following image sizes will be optimised by WP Smush: En este apartado elegimos que tipo de imágenes queremos optimizar.

Preserve image EXIF data: si activamos esta opción los metadatos de las imágenes como las coordenadas, fechas y demás no se borrarán. Normalmente se suelen borrar para que las imágenes pesen menos pero si eres un fotógrafo puede que quieras conservar esa información.

Resize original images: Si activamos esta opción las imágenes serán redimensionadas al tamaño que ocupan cuando son visualizadas. Esta opción no viene configurada por defecto, ya que hay que tener en cuenta que las imágenes originales se sustituyen por su versión redimensionada.

 

Optimizar imágenes de plugins y temas

Con WP Smush también podemos optimizar las imágenes de cualquier directorio de nuestro servidor mediante la opción DIRECTORY SMUSH.

Con lo que podemos optimizar las imágenes de los plugin y temas que tengamos instalados para que la interfaz de administración sea también más rápida.

 

optimizar imagenes de directorios de wordpress

 

Si pulsas en CHOOSE DIRECTORY te aparecerán las carpetas de tu instalación de WordPress que podrás añadir para que sean optimizadas.

 

comprimir las imagenes de plugins y temas

 

Y después de añadir los directorios que quieras podrás optimizarlos pulsando el botón BULK SMUSH del apartado DIRECTORY SMUSH.

 

optimizar imagenes de los temas en wordpress

 

Conclusión y recomendaciones

Utilizar WP Smush para comprimir y optimizar las imágenes es siempre una buena opción porque así conseguimos que las imágenes pesen menos y mejora la velocidad de nuestra web.

Dicho esto tienes que tener en cuenta que si vas a utilizar el plugin con la opción Resize original images crea primero una copia de seguridad de las imágenes originales.

También ten en cuenta que al redimensionar todas las imágenes las imágenes de los post se ajustan al ancho de la zona de contenido del post.

Y puede que no quieras que se redimensiones porque quieres que se pueda ver la imagen completa haciendo clic en ella para ampliarla y ver mejor los detalles de la imagen.

Espero que el tutorial de smush te haya ayudado a mejorar la velocidad de tu web optimizando las imágenes, si quieres saber mas sobre como mejorar la velocidad de tu web puedes leer este post Como optimizar WordPress.

¡Un saludo y comenta que te parece el plugin!

15 comentarios en “Tutorial WP Smush plugin para optimizar imágenes

  1. Hola, muchas gracias por tu post, yo tengo un problema y no sé si es debido a este pugin o a otra cosa, resulta que las imagenes que tengo en medio me aparecen recortadas, y cuando quiero subirla a una entrada del blog ya sea desde medios o importandola, me las sigue cortando todas, no sé que hacer para solucionarlo, ¿alguna propuesta?
    Muchas gracias

  2. Hola! cuando intento optimizar imagenes con Wp Smush me dice que las imagenes que necesito optimizar no se encuentran o no pueden ser encontradas, a qué se debe este error? y como puedo solucionarlo? muchas gracias por la info!!

  3. Gracias por contestar tan pronto, yo subo las fotos por el gestor de medios de la web a 1200×800, después abro el Cpanel y efectivamente se han cargado las fotos una única versión que pesa los mismo que tengo en mi disco duro. Le aplico el aplico el WP Smush y en el Cpanel me genera 4 versiones, la primera que sí me interesa y le escribe al final 1200×800 y la reduce mucho de tamaño, y otras 3 que no quiero, pero sí me llena el servidor. Por mas que miro la configuración del plugin no veo nada que cambiar. Gracias.

    1. Se debe a una optimización de las imágenes, que hace que cargue por capas, primero carga una imagen pixelada que es mucho mas rápida para generar la web antes y después la imagen con calidad completa.
      Con buena conexión a internet ese efecto no debería notarse.
      Un saludo.

    1. Es muy raro, diría que casi imposible que las imágenes se borraran al desinstalar el plugin, seguramente sigan en el servidor y sea un error de la interfaz o algo similar, en todo caso, carga una copia de seguridad de tu web para recuperar las imágenes.
      Un saludo

Deja un comentario

El email no será publicado. Vas a introducir datos en la web si comentas:

  • Responsable de los datos Gerardo García Asensio
  • Los datos se usarán para gestión de comentarios y medidas de seguridad
  • Legitimación: tu consentimiento.
  • Destinatarios: los datos estarán ubicados en los servidores de Siteground.
  • Derechos: podrás ejercer tus derechos, entre otros, rectificar, limitar y borrar tus datos.

Pin It on Pinterest

Esta web utiliza cookies para su funcionamiento. Lee y acepta el aviso legal o abandona la web. más info

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar