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.
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.
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.
También podremos optimizar las imágenes individualmente desde la biblioteca de imágenes, dentro de los detalles de la imagen.
Configuración de WP Smush
En el apartado settings de las opciones del plugin podemos configurar las siguientes opciones:
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.
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.
Y después de añadir los directorios que quieras podrás optimizarlos pulsando el botón BULK SMUSH del apartado DIRECTORY SMUSH.
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!
Genial poder reducir el peso de las fotos y aumentar la velocidad de carga de la página. Gracias por la info!
No está mal este plugin, ya lo conocía, una especie de Tiny Png. Gracias por compartir con nosotros. Un saludo.
Yo si me lo instalo será porque el icono de Smush es de super héroes.
Fantástico plugin para comprimir imágenes y ademas gratuito.
Genial, hace tiempo estaba posponiendo la instalación de este plugin, pero listo, instalado, saludos
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
Prueba a desactivar la opción «Resize original images» y si te sigue funcionando mal utiliza otro plugin parecido como https://es.wordpress.org/plugins/imagify/
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!!
Lo he instalado reduce mucho el tamaño pero me genera 3 imágenes nuevas con diferentes tamaños y nombres. Yo solo quiero que la comprime y la dejé con el mismo nombre q no.le incorpore 1200×800. Gracias
Saludos raul! esas copias son las miniaturas de WordPress, en principio no las genera WP Smush, si no wordpress, puedes desactivarlas desde Ajustes > Medios y borrarlas con un plugin, te dejo aqui el tutorial con más información sobre esas imágenes de miniatura. https://sensacionweb.com/miniaturas-de-wordpress/
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.
Hola, cuando instalé dicho plugin pero ahora al cargar la web salen borrosas las imágenes hasta que carguen bien. A que se debe. Saludos
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.
Lo tenía instalado, por error lo borré y se me borraron las imagenes. no hay manera de revertir está desinstalación?
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
gracias oye recomiendas comprar la versión premium de smush? estoy entre este y el jetpack premium, muy buen blog un saludo
Pues no sabría que decirte, Smush es para comprimir imágenes y jetpack es un mega plugin con muchísimas funcionalidades, si lo quieres solo para comprimir imágenes Smush esta muy bien.