Añadir imágenes a su sitio web es una forma estupenda de hacerlo más interesante y atractivo. Sin embargo, las imágenes también pueden ralentizar su sitio web, frustrar a los visitantes e incluso perjudicar su posicionamiento en los motores de búsqueda.
Por eso nos preocupamos de optimizar cada imagen para que nuestros sitios web funcionen a la máxima velocidad.
Recientemente, uno de nuestros usuarios nos preguntó acerca de los pros y los contras de utilizar un plugin como WP Smush. Promete reducir automáticamente el tamaño de los archivos de imagen sin sacrificar la calidad.
En este artículo, vamos a echar un vistazo a WP Smush, explorar sus pros y sus contras, y discutir los mejores métodos alternativos para que pueda decidir sobre la mejor herramienta para optimizar sus imágenes de WordPress.
¿Debería utilizar WP Smush para optimizar las imágenes en WordPress?
WP Smush es un plugin para WordPress que permite optimizar las imágenes sin perder calidad.
Ofrece muchas características que ayudan a que sus páginas web se carguen más rápido, como la compresión de imágenes y la carga diferida de imágenes.
Este plugin para principiantes optimizará automáticamente tus imágenes sobre la marcha a medida que las subes a tu sitio de WordPress.
También puede optimizar sus imágenes existentes con un clic yendo a Smush ” Bulk Smush.
El problema es que, después de cuidadosas pruebas, encontramos que WP Smush no mejorará el rendimiento de su WordPress tanto como muchos otros métodos de compresión de archivos.
Por ejemplo, cuando subimos una imagen de 97 KB a nuestro sitio de prueba de WordPress, la versión gratuita de WP Smush la comprimió hasta 94 KB. Esto supone una reducción del 3% en el tamaño del archivo.
Probamos una imagen diferente de 118,3 KB, y WP Smush la comprimió un 4% hasta 113,9 KB. La versión Pro afirma alcanzar mayores niveles de compresión.
Sin embargo, otros plugins de compresión de archivos, incluidos los gratuitos, lograron tamaños de archivo mucho menores. Varios plugins alcanzaron niveles de compresión sin pérdidas superiores al 50%, lo que supone una mejora muy significativa.
Puede ver los resultados completos de nuestras pruebas al final de nuestra comparativa de los mejores plugins de compresión de imágenes para WordPress.
Pros de WP Smush:
- Interfaz fácil de usar para principiantes, que simplifica la optimización de imágenes con unos pocos clics.
- Optimiza por lotes muchas imágenes existentes simultáneamente, ahorrando tiempo y esfuerzo.
- Ofrece una opción de compresión sin pérdidas que reduce el tamaño del archivo sin afectar a la calidad de la imagen.
- La carga diferida mejora la velocidad de carga inicial de la página retrasando la carga de imágenes hasta que sea necesario.
- Cambia automáticamente el tamaño de las imágenes a las dimensiones adecuadas, evitando que las imágenes demasiado grandes ralenticen su sitio.
Contras de WP Smush:
- La versión gratuita tiene niveles de compresión limitados en comparación con algunas alternativas.
- La versión gratuita no optimiza imágenes de más de 5 MB.
- La optimización por lotes consume muchos recursos del servidor, lo que puede ralentizar su sitio temporalmente.
WP Smush es un plugin útil para principiantes y para aquellos que buscan una solución fácil de usar con un generoso plan gratuito.
Sin embargo, si desea mayores niveles de compresión y características avanzadas, le recomendamos que explore plugins alternativos de compresión de imágenes y herramientas especializadas de edición de imágenes como las que aparecen en la siguiente sección.
Las mejores alternativas a WP Smush
Muchas otras herramientas y plugins de WordPress permiten optimizar las imágenes con mayor control para conseguir archivos de menor tamaño y cargas de página más rápidas.
Echemos un vistazo rápido a las mayores ventajas que estas herramientas ofrecen sobre WP Smush.
Plugins alternativos de optimización de imágenes para WordPress
Hemos probado a fondo las mejores alternativas a WP Smush, y encontrará una comparación detallada en nuestro escaparate de los mejores plugins de compresión de imágenes para WordPress.
Por ejemplo, EWWW Image Optimizer también puede optimizar sus imágenes a medida que las sube, comprimir imágenes existentes, cargar imágenes de forma diferida y mucho más.
Pero nos gusta cómo la versión gratuita de este plugin no limita el tamaño de los archivos que puedes comprimir ni el ratio de compresión, lo que resulta en cargas de página mucho más rápidas.
Además, puede convertir imágenes a distintos tipos de archivo, para que puedas elegir el formato que te ofrezca la mejor compresión. Por ejemplo, las imágenes PNG con muchos colores suelen ser más pequeñas cuando se convierten a JPEG.
Puede obtener más información acerca de por qué nos gusta este plugin en nuestra reseña / valoración de EWWW Image Optimizer.
Optimole es un plugin de compresión de imágenes basado en la nube, fácil de establecer y que optimiza tus imágenes en tiempo real. Su versión gratuita es adecuada para sitios web con hasta 5.000 visitantes al mes.
El plugin entrega automáticamente las imágenes al tamaño ideal para el navegador y la pantalla del usuario, minimizando el tiempo que se tarda en descargar cada imagen. Al estar basado en la nube, la compresión de imágenes no sobrecarga los recursos de tu sitio web.
Optimole también ofrece un CDN integrado, carga diferida, recorte inteligente y un panel de control fácil de usar. Puedes conocer acerca de nuestras experiencias probando esta solución en nuestra completa reseña / valoración de Optimole.
Imagify es una tercera alternativa del popular equipo de WP Rocket. Cambiará el tamaño de tus imágenes sobre la marcha e incluso puede restaurarlas a su tamaño original. Ofrece diferentes niveles de compresión, incluyendo una opción “agresiva” que puede reducir significativamente el tamaño de los archivos.
El optimizador por lotes del plugin explorará todo su sitio web en busca de imágenes no optimizadas con un solo clic. En función de tus ajustes, puede redimensionarlas, comprimirlas o convertirlas.
Su modo de compresión inteligente utiliza automáticamente el mejor método de compresión para cada imagen con el fin de garantizar un tamaño de archivo mínimo. Se utiliza la compresión sin pérdidas, por lo que no se nota una pérdida de calidad.
La versión gratuita optimiza hasta 200 MB de imágenes al mes. Sin embargo, si subes más imágenes al mes, tendrás que actualizar a la versión premium. Puedes saber más acerca de ella en nuestra reseña / valoración completa de Imagify.
El siguiente es ShortPixel Image Optimizer, conocido por sus excelentes tasas de compresión, sobre todo en compresión con pérdida, que reducen notablemente el tamaño de las imágenes. Sin embargo, también ofrece un modo de compresión “brillante” que supone un buen equilibrio entre tamaño de archivo y calidad.
Puede utilizar la versión gratuita para comprimir hasta 100 imágenes al mes, pero tendrá que facilitar su dirección de correo electrónico. Para optimizar más imágenes, puedes actualizar a la versión de pago.
reSmush.it comprime automáticamente las imágenes al subirlas y puede optimizar imágenes antiguas en lotes de 1000 archivos a la vez. Sin embargo, solo puede optimizar imágenes de menos de 5 MB.
Los ajustes de imagen del plugin le permiten elegir fácilmente entre imágenes con la mejor calidad o la mejor compresión o imágenes que logran un equilibrio de ambas.
Por último, Envira Gallery te permite añadir una galería de imágenes de WordPress a tu sitio web y viene con herramientas integradas para optimizar tus imágenes reduciendo el tamaño de sus archivos.
Puede activar fácilmente la compresión de imágenes con sólo unos clics y establecer el nivel de compresión en con pérdida, brillante o sin pérdida. Las imágenes de su galería se comprimirán automáticamente.
Puede elegir entre compresión con pérdida, sin pérdida y brillante. Sin embargo, tenga en cuenta que la versión gratuita de Envira Gallery no incluye la característica de compresión de imágenes.
Hemos probado a fondo todas las características del plugin, y puedes aprender más acerca de ellas en nuestra detallada reseña / valoración de Envira Gallery.
Herramientas de compresión de imágenes en línea
No necesitas instalar un plugin de WordPress para optimizar tus imágenes. También puedes utilizar herramientas en línea para optimizarlas antes de subirlas a tu sitio web de WordPress.
En WPBeginner utilizamos a menudo TinyPNG, una aplicación web gratuita que reduce el tamaño de tus archivos PNG y JPEG.
Sólo tienes que subir tus imágenes arrastrándolas y soltándolas, y podrás descargar las imágenes comprimidas mediante un enlace de descarga.
El equipo de TinyPNG también ha creado un plugin llamado JPEG, PNG & WebP Image Compression.
Por otro lado, mientras que TinyPNG utiliza compresión con pérdidas, JPEGmini utiliza compresión sin pérdidas para reducir el tamaño de las imágenes sin afectar a su calidad percibida. También puede comparar la calidad de la imagen original y la imagen comprimida.
Aplicaciones de edición de imágenes
Por último, lo más probable es que la aplicación de edición de imágenes de escritorio que utilices para crear tus gráficos web también pueda optimizar su tamaño.
Por ejemplo, Adobe Photoshop, el estándar del sector en edición de imágenes, puede optimizar las imágenes mediante la opción incorporada “Guardar para Web”.
Lo mejor es que puedes elegir el nivel de compresión de las imágenes JPEG o el número de colores de los archivos PNG. A medida que vas estableciendo estos ajustes, el programa muestra una vista previa de la imagen y su tamaño de archivo.
GIMP es una alternativa gratuita a Photoshop que permite crear imágenes y optimizarlas para la web mediante la opción Exportar.
Por ejemplo, para los archivos JPEG, puedes establecer el nivel de compresión mediante el carrusel / control deslizante “Calidad”. Esto le permite reducir el tamaño del archivo de sus imágenes.
Reflexiones finales
Según nuestra experiencia, la optimización de imágenes es mejor cuando se realiza fuera de WordPress. Por eso nuestro equipo optimiza cada imagen antes de subirla a nuestro sitio web.
Aunque puede utilizar WP Smush o uno de los plugins de compresión de imágenes alternativos, creemos que puede conseguir archivos de menor tamaño utilizando aplicaciones de edición de imágenes como Photoshop y GIMP o utilidades de compresión de imágenes en línea como TinyPNG y JPEGmini.
Esto permite a los distintos autores elegir la herramienta gráfica con la que ya están familiarizados. Y da a su equipo más control sobre el proceso de optimización sin tener que instalar un plugin de WordPress que a veces podría poner a prueba su servidor y ralentizar temporalmente su sitio.
A continuación, una vez comprimidas las imágenes, puede subir los archivos optimizados a la biblioteca de medios de WordPress.
Consejo de experto: Otra forma de conseguir el mejor aumento posible de la velocidad del sitio es con nuestro servicio profesional de optimización de la velocidad del sitio. Nuestro equipo de ingenieros de WordPress generará un informe completo sobre la velocidad y el rendimiento del sitio web y, a continuación, utilizará esos datos para mejorar el tiempo de carga de la página, el rendimiento del servidor y el SEO técnico.
Esperamos que este artículo te haya ayudado a conocer la importancia de optimizar imágenes utilizando WP Smush o un método alternativo. Puede que también te gusten estas guías sobre la optimización de imágenes para WordPress:
- Guía para principiantes sobre SEO de imágenes – Optimizar imágenes para motores de búsqueda
- Cómo optimizar las imágenes para el rendimiento web sin perder calidad
- Guía para principiantes sobre el tamaño de las imágenes en WordPress (+ buenas prácticas)
- WebP vs. PNG vs. JPEG: El mejor formato de imagen para WordPress
- Comparación de los mejores plugins de compresión de imágenes para WordPress
- Grandes plugins de WordPress para gestionar imágenes (actualizado)
- Cómo corregir problemas comunes de imágenes en WordPress (Guía definitiva)
- La guía definitiva para aumentar la velocidad y el rendimiento de WordPress
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Madelyn
This article is from 4 years ago, can I trust this info?
WPBeginner Support
Unless we hear otherwise, you can still use WP Smush without worrying.
Administrador
santosh747
Hi,
I have used wp smush.i would like to know why wp smush creates multiple file like 40 same images with different width and height for 1 image.instead of having 10 original images after smush it creates the 400 images that is lot and how come it is reducing the space.Is that common with smush.
Thanks
Mian
Hello sir i hope you are fine. i use wp smush plugin and now my website pics 200+ then i see some errors in my website. some peoples saying now you use paid version. please tell me my site have some big problem or not ? i used paid version then my site working is perfectly or not ?
WPBeginner Support
Hi Mian,
What errors do you see? Meanwhile, please take a look at our guide on how to fix common immage issues in WordPress.
Administrador
Sohail Akah
Hi, Thanks for the wonderful article, your site has always been helpful …. I am in a bit of a problem here, I hope you can give me a solution.
I smushed all the images on my site, as a result, they appear broken in the google search results, I have worked really really hard to get my site and some of my images ranked in google …. but smush has turned the situation for into a nightmare, I have search everywhere on the web, but i can’t seem to find a proper solution for it …. I have read your article on Regenerating Thumbnails … but I’m not sure if that’s what I am suppose to do here. And I surely can’t bear to make another mistake.
Your articles and your site has always been a great support through out my career I’ve learnt a lot from you … please help me out in this
WPBeginner Support
Hey Sohail,
You can deactivate the plugin and try regenerating thumbnails.
Administrador
SOHAIL AKAH
If there manual way to do it? because this plugin (regenerating thumbnails) doesn’t delete any existing thumbnails it only adds new ones resulting in large amounts of wasted space.
Arijit Biswas
I had used WP Smush Pro v.2.7.1 & their 2x Super Smush feature and sadly it is damn slow.. I had almost 50k images(300-400kb) each.
It was smushing at 1 image/20 sec.
garry
problem, with photoshop and other similar software, is you have to optimize all of the images manually which will eat up your whole time just to optimize images may be I’ll need to hire someone to do the job with photoshop and if you have only small site with only a few images than its doesn’t even matter if you optimize your images or not, maybe just try some plugin to fix them.
Johnny
This plugin caused a HUGE MESS on my site. NEVER download it. I have to manually upload add missing pics and repair broken links and pages. If developers of this plugin are reading this, I would like to let them know that whatever they did wrong it is costing me money and a lot of time. 1 Star for your plugin. I cancelled my wp-dev membership and am extremely disappointed.
Asma
I optimize my pictures with photoshop they looks crispy and clear on the edit post they looks perfect but once I upload them it turns blurry and not really high quality
I downloaded some plugins maybe it could work and nothing’s work
I try to verify the default zoom level of my browser (google chrome) but still doesn’t work
is there any solution?
Nikolas Broman
If you optimize with Photoshop/Gimp/outside of WP, then your resized images (large/medium/thumbnail) won’t be optimized. How can you recommend that approach?
WPBeginner Support
They will be optimized too, because the source image is smaller in size.
Administrador
Nikolas Broman
I actually tested this before commenting, and the resized images are not optimized.
I downloaded the first image you see (with mountains) on jpegmini. The resolution is 5184 x 3456, the original’s size is 19.2 MB, and the optimized version is 2.9 MB (the website allows you to download both for comparison).
I uploaded them to WP and checked out the resized “large” version (1024×683 on default settings).
Both came out as 121 KB. So the size of the source image didn’t have any effect.
(Side note: Then I tried optimizing both resized images with the free JPEGmini Lite, and something interesting happened. The original, resized to 1024×683, came out as 98 KB. The already once optimized version, and then resized to 1024×683, came out as 101 KB. A small difference, but still a difference!)
Could you please test this yourself? Did I do something wrong?
You said that resized images “will be optimized too, because the source image is smaller in size”. Is that really true?
Peter
Actually, I think Nikolas is onto something here.
I have large source images (to cater for hi-dpi) at 1920x2010px that which is is 1.4 Mb. One of my custom image sizes is 1280×1340, and after uploading the source that size comes out to 380Kb. I thought that was too large, so I optimized the living daylights out of the source image in Photoshop and came up with a new source at 1920x210px that is 191Kb. After uploading the new source (under a new name to be able to tell images apart), the generated 1280×1340 is still more or less 380Kb, almost double the size of the source image even though its pixel dimensions are vastly smaller.
There is a jpeg compression filter in WP. I get the feeling that WP decompresses the source image to bitmap before generating media sizes, and unless you apply compression through the WP filter, anything else but the source image will not be compressed!
Does anyone have any thought’s on this?
Peter
edit: there is a pixel typo above: I wrote 1920x210px, but of course I mean 1920x2010px.
John Blum
I have better results using ShortPixel so far. It allows working with multiple images at once and even with big sizes such as 10mb/image.
Oliver
I use Phatch, an opensource batch image processor to optimize images outside of WordPress if I have a lot to do, if not then GIMP for the odd one here or there. Most of the time though, once a site is handed over to a client there is no control over image compression. Tools like WP Smush are a good starting point to impose some sort of sense into image uploads.
AutumnSadness
Hi
I used the plugin and it did what it says but when i look at the images sized in library in wp admin it says the plugin has reduced the image size but when i sabe the image to my computer, the size is the same (the size that was before smushing)
So wtf? it dosen’t reduce the images? or what?
Joy
Is there a plugin that will compress images already uploaded to your media library? We were using .png files for our blog posts because .jpgs looked really grainy, but it’s causing server load issues. Happy to use .jpg web compression for future media uploads but I don’t want to spend hours re-uploading re-linking compressed png files?
Allison Logan
Thanks for sharing this post it helped me in one of my assignments.
Juergen | webbeetle
I agree that image optimization should happen outside WordPress, though what bugs me is that WP creates additional image sizes without any decent compression! I upload, via FTP, the required thumbnails for my featured images, and every time mine are around 35-50% smaller in files size than the ones WordPress created… You explain! Particularly since my original file was well compressed, so no process should be able to add extra file information (data = file size) to it.
I use IrfanView, a very good and established freeware, which has an option “Save for Web” (like Photoshop) which compresses files well and strips all EXIF information – highly recommended!
Nick Jubrey
Does photoshop strip meta data from images? I’ve just started using tinypng for this feature. Photoshop works well and you can automate it which is nice. I also saw that Tinypng has a PS plugin for $50 a little step if its just just a save function built in to PS.
I would like to do a side by comparison and see what we get.
nawaf
i added wpsmush and did smushed all my images of wordpress.then it showed 9mb saved.when i ran a test some images say
They saved 200 kb.
But it is same the actual size
I mean that even after smushing the size remains same for me .but in smush options it shows it saved 200kb. Why so?
Umesh Kumar
The savings shown over there is the sum of compression for the all sizes(Large, Medium, Thumbnail or any other ) of that particular image.
So even if not the full size image is compressed, the other size for the image are probably reduced with a good amount.
MsKatrina
My question is how do we optimize affiliate link images (ie, Amazon)?
Scott Hartley
You would have to download the image locally and replace the URL with that image. Or you can attempt to load the image with lazy load to improve performance.
Alan Marsden
This is something I’m still working on. Thankfully it’s early days for the blog so not many images to deal with. I’m using Pixelmator for Mac which has the “save for web” feature. You can also manually adjust the setting. Works great with no discernible loss of quality.
Karen
EWW Image Optimizer is FANTASTIC.
Jer
What are your thoughts about Fireworks? I’ve been using it for years and am very happy with the results. Of course, since Adobe bought it…
Nicole
Thank you for this info. I have been trying to figure out images with my blog and it is not going well (total newbie here). When I upload them to my media and add them to a post, they automatically get added to my post very, very small. Much smaller than the original. Then I try to make them bigger by resizing within the post and the images lose quality and look really bad! I am thinking this didn’t happen with some of my earliest posts. I switched themes. Could that have something to do with it? Is one of the above solutions (Smush or the alternatives) what I need to fix this?
WPBeginner Support
When uploading images WordPress shows you the option to select a size for the image you want to insert. You can change that to large, original, medium sizes.
Administrador
Morgan Madej
I always look out for your WP Beginner articles and catalogue the links for future refernce. Thank you for this review, much appreciated.
I have been using http://webresizer.com/resizer/ recently. It is able to reduce my images by upto 77% while halving the pixels by roughly 50%
There are other options that I have not used yet. It appears to be free to use online so it can be a quickly accessible tool.
I do not know the owner, nor am I an affiliate.
Nick
What about the plugin ‘Resize Image After Upload’?
WPBeginner Support
We haven’t tried it.
Administrador
Peter Gierak
https://tinypng.com/developers
This is my favourite tool für compressing images.
There is also a WordPress plugin.